Tudo que você precisa saber de CSS antes de usar Tailwind
ฝัง
- เผยแพร่เมื่อ 23 พ.ค. 2024
- ASSINE A PLATAFORMA COMPLETA DA ROCKETSEAT POR 5 ANOS COM ATÉ 74% DE DESCONTO: rseat.in/nyaSfioZG
TailwindCSS é algo que está em destaque no ecossistema do desenvolvimento front-end, o Diegão mesmo é um cara que tem falado muito bem dele e do quão nativo esse projeto está ficando com as novas versões.
Mas pra quem tá começando, talvez não seja ideal pular direto pra essa ferramenta na hora de encarar a estilização. Até porque existem muitas coisas pra dominar no CSS puro antes de partir pra um facilitador.
Eu te explico melhor o motivo disso tudo aqui nesse video. Bora conferir.
Mais conteúdo?
↪ maykbrito.dev
![[TH] Esports World Cup : Grand Final](http://i.ytimg.com/vi/sedbKhFYDMo/mqdefault.jpg)
Até para quem sabe CSS já é meio chato pois mts vezes a gente se acostuma com o CSS normal e quando vamos para o Tailwind, é como se todo o CSS estivesse na cabeça só q vc trava pois precisa saber os nomes das classes e sempre tem q ficar consultando a doc, mas nada q algumas horas n resolvam esse problema. Depois de ter uma boa base do Tailwind, realmente é notável uma velocidade na construção do estilo de uma página.
Tailwind abre um mundo de possibilidades, permite produtividade, eficiencia e qualidade. Aliado a vue ou react os componentes se tornam outros. Criei uma lib de componentes e uso ela em todos meus projetos, não uso quase nada de terceiros.
Opa!! É open source? Compartilha com a gente 💜
@@maykbrito Maykão, esse projeto ainda é closed source 😞, fiz ele com Vue3(na pegada do quasar, primefaces e etc...), e o backend fiz no laravel(criei meu proprio inertiajs usando axios), um dia se Deus me permitir quero compartilhar ele com a comunidade e ver ele se tornar algo grande como quasar, afinal, modéstia à parte, o meu funciona melhor 😁
Muito boa a explicação
Ainda bem que não desisti do tailwindcss. Mas falo uma coisa, se o dev não tiver uma boa base de "css normal", vai sofrer muuuuito com tailwindcss, pode até desistir, achando que o problema é o tailwind.
Estou estudando front fazem 7 semanas. Em um curso que comprei a pessoa usa tailwind. Quando comecei a usar, eu achei muito estranho e falei comigo mesmo "Porque usar essa bosta?". Depois de alguns dias usando, eu achei incrível e muito prático, óbvio que o meu css é básico. Fiz algumas landing pages em css puro, mas preciso aprimorar muito para dominar. Inclusive, desenvolvi um projeto utilizando react, e optei por usar o css modules por "treinar" mais o css simples, antes de utilizar tailwind de fato.
Maykao, estou com um certo domínio já com o tailwind, mas ainda não consegui aprender a fazer design responsivo no tailwind, pode fazer uma vídeo-aula a respeito? Ajudaria muito!! Eu e muitos outros acredito!
tailwind é mobile first, pra tu fazer responsividade nele primeiro tu tem que fazer o css para o mobile e depois ir adicionando o sm md lg para ele alterar com o aumento de tela
Comigo foi ao contrário, consegui entender muito mais do css puro através do tailwind...
Tailwind foi um divisor de águas pra mim e aliado ao react fica melhor ainda.
Opaa!! Legal saber disso! Mas você aprendeu primeiro CSS mesmo, certo? Ou aprendeu primeiro Tailwind para depois estudar o CSS ?
@MaykBrito Salve, Mayk!! Primeiro aprendi o básico do CSS (bem básico mesmo). Só fui pegar a manha de flexbox, grid, positions, animations e transform com o Tailwind...
E, para fixar bem, eu peguei todos os meus projetos e refiz com o Tailwind. O que eu levava 3 dias para fazer, refiz em 1.
Seus vídeos e os do Diego serviram como referência pra mim.
@@raphaeleliassacontecia isso com o bootstrap também. A galera sabia fazer uns grids top por lá, mas via css normal não. Porém, o tailwind é preciso ter uma base no css melhor, porque a classe é mínima (representa somente um único atributo no css). Diferentemente do bootstrap, não tem uma classe que já deixa o botão/input todo estilizado, você precisa setar vários atributos: background, text-color, border-radium, font-size, font-weight...
mas se tu tá conseguindo aprender de boa, então dale
vídeo do pai maikão, do óbvio e simplesmente o mesmo. sucesso.
não acho tailwind dificil acho que ele polui muito o html mais é costume ne klkkkk
Na moral... Eu ainda não estou convencido com o argumento de que o Bootstrap vai te travar na criatividade. Tem tantos temas com base no Bootstrap...
Eu, particularmente, não uso o tailwind. Nada contra tbm 😅
O que eu acho ruim no bootstrap é que as aplicações ficam com a mesma cara. Se a pessoa conhecer o bootstrap, na hora que ela olhar pro site ela vai saber que foi usado bootstrap. Isso me incomoda bastante.
@@fernandocosta3307 Mas isso é uma vantagem. Se você quer um padrão e não quer ter trabalho, use Bootstrap. E você pode personalizar do seu gosto, claro. Porém, em todos os casos, eu concordo com o vídeo de que você precisa saber CSS.