ribafs / tailwindcss

Uma introdução ao framework TaillwindCSS com boas informações

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introdução ao TailwindCSS

Um repositório com algumas informações básicas sobre o TailwindCSS e de cmo utilizá-lo.

Desde a versão 8 o laravel usa o Tailwind como seu principal framework CSS.

Apenas uma introdução ao Tailwind, mas pode ser útil.

Quem está acostumado com o Bootstrap, como eu, pode estranhar o Tailwind.

O Bootstrap nos entrega muita coisa pronta, mas isso tem seu preço, pois praticamente todo aplicativo criado com ele tem a mesma "cara". Podemos customizar para que não tenha o mesmo layout mas isso dá mais trabalho.

Com o Tailwind precisamos criar cada classe, para cor, para padding, para background, etc. Pode dar mais trabalho no início mas oferece uma forma de ter aplicativos mais customizados e cada um com sua "cara".

A questão é que alguns softwares e algumas empresas estão dando preferência ao Tailwind, então é bom aprender para se valorizar.

Instalação

A forma recomendade de instalar o Tailwind é usando o npm e criando o script de configuração. Veja os passos no arquivo devel.md na pasta instalacao.

Observação

Me parece que para aprender sobre o Tailwind, não há necessidade de um curso aprofundado, mas sim de recorrer ao excelente conteúdo da página de documentação

https://tailwindcss.com/docs/

A extensão do VSCode para autocompletar também ajuda.

Lembre também de recorrer ao Playground

https://play.tailwindcss.com/

Ele tem o autocomplete ativado e pode conferir um pequeno tutorial usando ele aqui:

TutorialVisual.pdf

About

Uma introdução ao framework TaillwindCSS com boas informações

License:MIT License


Languages

Language:CSS 95.5%Language:HTML 3.3%Language:JavaScript 1.2%