5 principais sites para aprender CSS on-line

Propaganda

Propaganda
Propaganda

O design da Web pode não ser a área mais acessível para todos, mas o CSS e o HTML podem ser muito úteis, e essas são duas partes da codificação que são realmente fáceis. Eu quero mudar a cor da sua fonte que você só precisa digitar: "cor: vermelho", fica mais fácil do que isso?

Bem, na verdade, fica mais difícil, mas vale a pena dar uma olhada, já que você pode personalizar tudo, desde o seu blog até os documentos do Google Docs, com um pouco de conhecimento de CSS. Vamos dar uma olhada em onde você aprende css on-line gratuito e obter tutoriais CSS para iniciantes.

W3Schools

W3Schools é um ótimo site. Eles têm muitos tutoriais de HTML para PHP e você pode ter certeza de que tudo que você lê está de acordo com os padrões, pois o site é mantido pelo W3C, responsável pelos padrões web de hoje.

As lições de CSS são bem detalhadas e vão te guiar pelo que você precisa saber, mas como isso é mais uma página técnica, você verá menos exemplos do que em outros lugares e os exemplos que eles têm são um pouco restritos.

Se você já conhece algum CSS, esta é uma ótima fonte de referência.

Tizag

Eu me deparo com esse site muito ao procurar coisas e eu dei uma olhada nos tutoriais CSS deles, que eu achei um pouco melhor estruturados do que os da W3School. A informação básica é a mesma, mas se você é um novato absoluto, você pode querer começar por aqui.

Tizag nos meus olhos é um pouco menos formal. Parece-me que seus exemplos estão mais próximos da vida real e o tom é mais amistoso. Há também tutoriais úteis em muitas outras linguagens, como HTML e MySQL, então, se você gostou do bit CSS, pode ficar com a mesma qualidade em outros idiomas.

CSS Zen Garden

Este site é muito diferente dos sites de tutorial que mencionei anteriormente. No CSS Zen Garden, você pode testar seu conhecimento ou aprender com o código escrito por outras pessoas. A ideia é que existe um arquivo HTML estático e imutável e você tem que criar uma aparência separada usando apenas CSS.

Você pode fazer o upload do seu trabalho e ele será exibido, e você pode fazer o download dos arquivos dos outros para dar uma olhada em como eles fizeram isso e aquilo. Isso é realmente útil porque eu aprendi muito mais pelo exemplo do que aprendendo de verdade. O mesmo vale para modelos do WordPress - se você gosta de um, baixe-o e dê uma olhada no style.css para ver como as coisas são feitas.

CSS Play

O CSS Play é um site entre o Zen Garden e os sites de tutoriais porque mostra funcionalidades específicas em CSS e permite que você visualize o código-fonte.

Em vez de ter uma página inteira ou um site inteiro, você pode dar uma olhada em exemplos de menus flyout, exemplos de opacidade, soluções alternativas específicas do IE e assim por diante.

Se você precisa de uma funcionalidade específica e deseja conhecê-la, este site pode ser o melhor lugar para começar. Tem uma parte equitativa dos anúncios que podem distrair um pouco, mas a informação é sólida e muitas vezes o código, ou pelo menos o método, é muito bem explicado.

Google

É isso mesmo, a simples e antiga Pesquisa do Google pode ser uma ótima companhia para aprender CSS on-line e encontrar tutoriais de CSS para iniciantes. Além de obviamente poder pesquisar as coisas de que você precisa, você também pode ver como as propriedades CSS específicas funcionam. Não sabe quais valores “estouro” podem ter? Basta digitar “css overflow” ou “css overflow property” e o primeiro resultado informará o que você precisa saber.

O mesmo vale para todas as linguagens de programação, eu uso isso para PHP e MySQL também, e eu não acho que o primeiro resultado tenha falhado comigo ainda.

Então aí está você, sem mais desculpas, é hora de aprender um pouco de CSS! Você pode adicionar seus próprios modelos do Google Docs, modificar seus modelos do WordPress e fazer muito mais, feliz CSS-ing!

In this article