Renan Lima » CSS http://www.renanlima.com/blog Um pouco do que gosto, faço e crio Fri, 30 Apr 2010 14:41:39 +0000 en hourly 1 http://wordpress.org/?v=3.0 Curso de web 15 – Dominando Tableless http://www.renanlima.com/blog/curso-de-web-15-dominando-tableless/ http://www.renanlima.com/blog/curso-de-web-15-dominando-tableless/#comments Fri, 31 Jul 2009 11:15:12 +0000 Renan Lima http://www.renanlima.com/blog/?p=756 Para sermos mais rápidos no aprendizado, selecionei algumas ótimas apostilas que garantirão bons conhecimentos sobre tableless.

Não deixe de estudar as duas apostilas.

Segue alguns bons sites caso você queira se aprofundar no assunto:

Recomendações: jQuery – Conheça o poder

]]> http://www.renanlima.com/blog/curso-de-web-15-dominando-tableless/feed/ 0 Framework de CSS? Sim, acredite! http://www.renanlima.com/blog/framework-de-css-sim-acredite/ http://www.renanlima.com/blog/framework-de-css-sim-acredite/#comments Sat, 15 Nov 2008 01:40:25 +0000 Renan Lima http://www.renanlima.com/blog/?p=407 Interessante a idéia de framework de CSS. O curioso que eu mesmo já montei um “framework’zinho” pessoal, no qual uso na maioria dos trabalhos e me poupa bastante tempo. Vou testar esse aí, parece ser bem completo.

Link: www.bluetrip.org

]]> http://www.renanlima.com/blog/framework-de-css-sim-acredite/feed/ 1 Curso de web 009: CSS – Desenvolvendo um menu simples http://www.renanlima.com/blog/curso-de-web-009-css-%e2%80%93-desenvolvendo-um-menu-simples/ http://www.renanlima.com/blog/curso-de-web-009-css-%e2%80%93-desenvolvendo-um-menu-simples/#comments Tue, 11 Mar 2008 17:09:43 +0000 Renan Lima http://www.renanlima.com/blog/2008/03/11/curso-de-web-009-css-%e2%80%93-desenvolvendo-um-menu-simples/ Nesta vídeo aula estaremos desenvolvendo um menu em css. Trata-se de um menu vertical que quando passamos o mouse ele muda de cor. Vamos analisar alguns dos poderes do CSS.

Curso de web 009: CSS – Desenvolvendo um menu simples
Duração: 14:30
Tamanho: 24 mb
Extensão: wmv
Audio: Sim
Baixar agora

]]> http://www.renanlima.com/blog/curso-de-web-009-css-%e2%80%93-desenvolvendo-um-menu-simples/feed/ 9 Curso de web 008: Css – Trabalhando com DIVs http://www.renanlima.com/blog/curso-de-web-008-css-trabalhando-com-divs/ http://www.renanlima.com/blog/curso-de-web-008-css-trabalhando-com-divs/#comments Fri, 07 Mar 2008 20:37:22 +0000 Renan Lima http://www.renanlima.com/blog/2008/03/07/curso-de-web-008-css-trabalhando-com-divs/ Nesta video aula vamos ver como funciona as DIVs.

DIVs são elementos que eu gosto de chamar neutros ou conteiner, podemos modificar ele todo e usando para posicionar elementos em nossa pagina. Usamos as DIVs principalmente para substituir as tabelas, e além das divs serem mais leves, elas possibilitam maior controla da sua pagina e uma organização infinitamente maior.

Bem, preparei um video bem rápido, ultimamente não estou tendo tempo. :(

A pedidos, colocarei as video aulas para downloads.

Curso de web 008: Css – Trabalhando com DIVs
Duração: 14 minutos
Tamanho: 20 mb
Extensão: wmv
Baixar agora

Qualquer dúvida ou sugestão, poste aqui.
Até a próxima! ;)

]]> http://www.renanlima.com/blog/curso-de-web-008-css-trabalhando-com-divs/feed/ 5 Curso de Web 007: Dicas de CSS http://www.renanlima.com/blog/curso-de-web-007-dicas-no-css/ http://www.renanlima.com/blog/curso-de-web-007-dicas-no-css/#comments Fri, 29 Feb 2008 13:03:24 +0000 Renan Lima http://www.renanlima.com/blog/2008/02/29/curso-de-web-007-dicas-no-css/ Se você assistiu a ultima video aula já está apto a codificar CSS. Hehe
É simples, não tem mistério.

O que você precisa saber agora são os recursos(ou parâmetros) do CSS, é sobre isso que vamos falar aqui.

Há uma organização que controla um padrão universal de códigos na web, se chama W3C. Nela, você pode encontrar tudo sobre as linguagens de programação que ela defende. Vou disponibilizar para vocês um documento com todos seus recursos do CSS.

Não basta somente recursos, mas sim técnicas e essas não têm neste documento, mas fique tranqüilo(a), vou separar umas técnicas interessante e colocar aqui no blog.

Fique agora com o link com a documentação do CSS, está em inglês, se você não for muito bom em inglês, mas tiver uma noção já dá pra entender, a linguagem é simples.

Link: http://www.w3.org/TR/REC-CSS2/

Caso tenha alguma dúvida, comente aqui.

]]> http://www.renanlima.com/blog/curso-de-web-007-dicas-no-css/feed/ 0 Curso de Web 006: Introdução ao CSS http://www.renanlima.com/blog/html-introducao-ao-css/ http://www.renanlima.com/blog/html-introducao-ao-css/#comments Sun, 30 Dec 2007 20:06:28 +0000 Renan Lima http://www.renanlima.com/blog/2007/12/30/html-introducao-ao-css/ Nesta vídeo aula vamos ter o primeiro contato com o CSS. Vamos ver como aplicar o css em uma pagina web.

Como esta video aula é bem extensa tive que dividi-la em duas partes.

Se quiser saber mais sobre CSS, veja esta pagina no wikipedia: http://pt.wikipedia.org/wiki/CSS

Parte 1
Duração: 8 minutos

Parte 2
Duração: 8 minutos

Ver aula 007

]]> http://www.renanlima.com/blog/html-introducao-ao-css/feed/ 16 Ótimas Referências em Design para Web http://www.renanlima.com/blog/otimas-referencias-em-design-para-web/ http://www.renanlima.com/blog/otimas-referencias-em-design-para-web/#comments Thu, 22 Nov 2007 21:55:31 +0000 Renan Lima http://www.renanlima.com/blog/2007/11/22/otimas-referencias-em-design-para-web/ imgr.jpg

Muitos profissionais têm algo como inspiração e sempre os usam na hora de sua criação. Há diversas formas de inspiração, cada um tem a sua forma, cada um tem a liberdade de escolher a forma mais confortável para consultar na hora da criação de um trabalho.

As coisas ficam mais úteis quando você passa a ser observador, e não apenas um usuário comum. Ao ver um filme você observa seus detalhes e tira proveito disso, ao ler uma revista você observa suas características e também tira proveito disso, você tira proveito navegando um site, observando cartazes, o que for. Basta que você tire proveito da experiência e aprenda com ela.

Quando vou produzir algo para web, eu pego um punhado de folhas e rabisco bastante, depois gosto de visitar alguns sites, e tem sites especiais para isso.

Vou listar alguns sites que eu costumo visitar:

Você visita os sites, observa os trabalhos e depois passa para o papel (ou photoshop, o que for).
Não é plagio, apenas visitamos os sites e passamos os insight para o branco.

Estes sites são muito bons para estudo de css, semântica, xhtml. Em alguns deles você pode até baixar os modelos para examinar seu código fonte completo.

São ótimas referências e se você gosta de algum outro site deste segmento, poste aqui que eu colocarei no blog.

]]> http://www.renanlima.com/blog/otimas-referencias-em-design-para-web/feed/ 2