Wtricks • Tutoriais e Dicas do Mundo Digital

CSS Reference: Um guia visual e essencial para aprender CSS

Por Carlos Sabo Cantanzaro • 28/03 - 01:08 am | Em CSS, Web Design

Aprender e dominar as propriedades do CSS pode ser uma tarefa muito complicada! Esse guia visual do CSS veio para resolver esse problema!

O CSS é uma daquelas linguagens fascinantes que você pode aprender em cinco minutos. Mas, ao mesmo tempo, passar a vida toda sem dominar todas as suas extensas funcionalidades.

A ferramenta que eu vou apresentar hoje, tem o objetivo de demonstrar, visualmente, como as diversas propriedades e atributos do CSS funcionam. Dessa forma, você poderá estudar a linguagem e fazer consultas de forma muito mais simples!

CSS Reference – Um guia visual e gratuito do CSS

O CSS Reference é uma ferramenta gratuita que mostra de forma ilustrada e prática como utilizar as principais funcionalidades do CSS.

Por exemplo, se você quer saber como usar a propriedade Flexbox, basta ir na ferramenta e buscar pelo nome da propriedade ou então, usar o menu, que já mostra as propriedades mais procuradas.

Menu da ferramenta: CSS Reference

Depois de encontrar a propriedade que você estava procurando, seu próximo passo se resume, basicamente, em estudar!

Abaixo, segue alguns exemplos do guia visual da ferramenta para a propriedade Flexbox do CSS.

Como podemos ver nas imagens, a ferramenta é muito intuitiva! Porém, um ponto negativo, toda a descrição das propriedade estão em inglês. Mas, mesmo se você não tem nenhum domínio do idioma, as imagens são realmente claras e de fácil entendimento!

O que achou da ferramenta? Usaria no dia a dia? Deixe sua opinião nos comentários!

PARTICIPE DA DISCUSSÃO