Tenho gostado bastante do Tailwind. Acho que a história dos desenvolvedores com ele (inclusive a minha) é sempre muito parecida: 1. "Nossa que código sujo" 2. "Até que não é tão ruim assim" 3. "Tailwind? Tô usando pra tudo" Sou fã de escrever regras de estilo na unha mas ultimamente tenho achado isso muito impraticável na hora de fazer projetos, abrir meus olhos pro Tailwind agora foi uma coisa muito boa.
@Viajante aprendiz Melhor a se fazer é aprender o básico de HTML e CSS antes de aprender o Tailwind. Caso contrario acho que vai surgir vários problemas referente ao básico de CSS no caminho. E vai tirar o seu foco do aprendizado do Tailwind.
HAHAHA eu passei exatamente por essas etapas. Infelizmente o trabalho ainda me obriga a usar regras CSS na unha, mas estou me aperfeiçoando em Tailwind, e realmente é bom demais.
As classes realmente não são complicadas quando se para pra estudar o Tailwind. Mas ai que tá, é só uma camada a mais do que estudar CSS e usar um pré-processador pra chegar no mesmíssimo resultado, e ainda podendo chegar ao pixel perfect muito mais facilmente. Se usar Tailwind no HTML fica sujo pra caramba. E usar o @apply ao meu ver não tem sentido, porque não escrever CSS logo se já está num arquivo CSS? Abstração? Mas alcança-se um resultado melhor ainda com um pré-processador te dando liberdade de criar seus próprios utilitários e usar da mesma forma que o @apply. O CSS em si já é utilitário se você parar pra pensar. Usar opacity-50 (Tailwind) ou opacity: 0.5 (Vanilla) é a mesma coisa. Se você teve que nomear uma classe, você faria o mesmo com CSS. Na MINHA opinião, é um trade-off perdido
Tailwind é apenas uma forma diferente de aplicar o CSS, uma forma diferente de organização. O BEM, por exemplo, também é uma abstração e ainda assim é muito utilizado. SASS também. O mesmo vale para JS e React ou Vue. No final, para mim e muitos outros que gostam de Tailwind, é uma abstração que nos torna produtivos. Não estou preocupado se faz sentido. Minha meta é entregar mais rápido, de forma sólida e com uma boa UX. E com Tailwind, assim como foi com Bootstrap antes, eu consigo me preocupar só com o que me interessa: Javascript, componentes e comportamento! E assim como eu, há milhares! Abração!
Concordo, acho que ser produtivo na verdade é questão de angulo, e o tailwind não deixa mais ou menos produtivo, acho que pra um bom profissional de front acaba dando na mesma, e digo mais acho que é ainda mais seguro a escria no css é mais segurança do começo ao fim do que ter que decorar uma lib inteira pra fazer as mesmas funções
Realmente a tailwindcss evoluiu muito durante o passar do tempo, eu confesso que ainda não utilizo e não pretendo utilizar tão cedo. rs Venho do nosso amigo angular e trabalho muito com sass, então quem trabalha com funções avançadas do sass vai entender o que estou falando. Por outro lado está ficando cada vez mais interessante conhecer o tailwind para dar os primeiros passos e este seu vídeo é um ótimo trabalho para desmistificar algumas famas que o tailwind já superou a um tempinho já. Parabéns pelo vídeo Vedovelli, quando puder faça mais vídeos sobre tailwind.
Que fodaaaaaaaa! Eu já amava tailwind e quando vi essa questão do "@apply" 🤯🤯 Que coisa linda ver essa praticidade, principalmente para o responsivo, muito obrigado pelo vídeo man, conteúdo fodaa!
Acho o TailwindCss bem bacana, por que eu tinha mt dificuldades com css, MUITA MSM!kkk, e com ele to conseguindo fazer umas paginas para meus projetinhos de banck em python bem bacana! so conteiner e a responsividades que ainda preciso melhorar
Sua explicação é excelente. O tailwind faz coisas "mágicas". Porém, acho que quando se aplica essas classes inline o html fica mesmo muito sujo. Essa opção de encapsular tudo e jogar no CSS usando o @apply no meu entendimento acaba indo ao contrario do que o tailwind se propõe. Para essas soluções já existem recursos que, ao meu ver, fazem esse trabalho, como os pré-processadores SASS e LESS por exemplo. Mas de novo, tailwind é sim interessante e vai de cada um usar ou não. Obrigado pelo tuto! Abç.
Que vídeo incrível, Fábio. Estava justamente pensando se era possível fazer algumas das coisas que você fez agora e me sinto ainda mais convicto de como o Tailwind é uma ferramenta é maravilhosa. Muito obrigado!
Opa estava olhando seu video, e estou tentando gostar deste 'Tailwind', mas cara muito complicado, costumo usar o 'Semantic UI' e sinceramente não consigo entender como tem tanta gente que fala deste 'Tailwind'. Embora esteja tendo muita dificuldade vou continuar tentando. vendo vc mexer me pareceu fácil!
Obrigradíssimo pelo excelente vídeo, foi um divisor de águas, depois de muita procura, finalmente um vídeo mostrando na prática os benefícios do framework e com uma excelente didática, parabéns .... Não pretendia utilizar o tailwind, mas, depois deste vídeo, certamente já penso utiliza-lo para produção.
Fantástico grande Vedovelli! Já tinha ouvido muita gente falar a respeito dessa "sujeira" da Tailwind e após essa aula foda estou pensando em começar usar. Parabéns dinossauro.
Acho que precisamos ter mente aberta sobre essas tecnologias que facilitam muito o desenvolvimento. Antigamente, por exemplo se você quisesse fazer um site, você teria que codificar muiito, muitas linhas de código. Hoje tá mais simples que antigamente. Imagine no futuro. Então a tendência sempre é facilitar e deixar mais simples.
Vídeo interessante mas, eu acredito que a forma com que vc pensa na hora de criar interfaces cada um vai gostar de uma forma, eu por exemplo prefiro CSS-in JS, é meu gosto pessoal.. normalmente evito trabalhar com classes.. mas o principal ponto de eu não gostar tanto do tailwind é que na maioria das vezes eu vejo projetos com tantas classes e algumas delas de forma desnecessária, que acaba trazendo uma complexidade maior na manutenção.. acredito que o fator q faça com que isso ocorra é o fato de quem está iniciando no desenvolvimento e começa com um tailwind, a pessoa aprende a como pensar de forma tailwind.. e não pensando como css de fato.. o que é um problema. Já com relação a código sujo, isso vai de como o dev organiza seu código.. Porém ressalto, se vc aprende CSS vc aprende qualquer framework de css, o importante sempre é saber o que vc está fazendo e N só sair jogando classes e testando o que funciona ou o que não funciona. Então minha opinião é que isso vai de de pessoa pra pessoa, de time pra time.. os conhecimentos devem estar alinhados tmb pra uso de qualquer ferramenta, se N se faz desnecessário qualquer ferramenta, não só o tailwind
Gosto da tailwind e essa parte de poder separar as classes em um arquivo foi um dos motivos de optar por ele em alguns projetos. Mas algo que não gosto mesmo nele é como o css final é gerado, isso quando inspecionar o elemento no navegador. Ali realmente creio que fica muito complexo de entender e fazer alguns ajustes diretamente no navegador pra ver como fica.
Com este ponto eu concordo e vc me deu inclusive uma ideia de vídeo para mostrar esta parte. É importante salientar que Tailwind não é bala de prata! Obrigado
Sim, Fábio! O PR da Rocketseat se refere a Perguntas e Respostas. É uma série que eles tem na qual respondem perguntas enviadas pelos usuários do canal. Alguém perguntou sobre Tailwind e o Diego na resposta indicou vídeos seus
Seu vídeo me fez ter vontade de aprender Tailwind, mas vale a pena aprender, em termos de empregabilidade? Vagas de junior Front-End, apesar de pedir um caminhão exagerado de competêwncias, não vejo pedirem Tilwind, é mais o Bootstrap
parabens pelo video, deu para ter uma ba noção sobre o tailwindcss. Um outro aspecto interessante que vc destacou é que open source pode ser proprietario, mas achei um pouco simplista ate incorreto associar a questão de ser proprietario só por ser uma lib não nativa, pq a questão do ser proprietario ou não tem relação a licensa de distribuição. Tenho certesa que vc compreende isso e só quis avançar sem precisar explicar esse ponto em especifico, mas acho muito importante fazer esse destaque.
Muito bom!! O problema agora é passar meus projetos de bootstrap pra tailwind, pq na hora de dar manutenção é a maior tristeza por não estarem em tailwind rs
Muito bom! Eu tinha esse "preconceito" com Tailwind antes, mas depois que usei uma vez, agora não crio mais nada sem ele kkk Não sabia do @layer, já vou aplicar aqui Brigadão!!
Não cheguei usar ainda, mas a ideia de não precisar sair do html para escrever css me agrada, mas a parte de manter o código limpo era algo que me preocupava bastante... agora que vi essa solução por volta dos 15:40 do tempo de vídeo confesso que desanimei um pouco... Tipo qual utilidade me tem um framework css onde pra manter o código limpo preciso criar uma classe, pra depois colocar outras classe dentro que representam somente uma tag css... tipo consegue entender oq quero dizer? Meio que só estou enfeitando o html e css, claro que coisas como grid, flexbox, responsividade e etc... facilita muito. Mas para um Junior/Pleno valeria muito mais apenas só estudar mais a respeito do que ir aprender um sobre um framework com nomes diferentes do que ele conhece (Não tão diferentes, mas de fato tem uma nomenclatura diferente) que a primeiro momento seriam difíceis de decorar. Seria muito mais fácil simplesmente optar pelo Bootstrap que já traz algo pronto e a pessoa só precisa mudar algumas propriedades a seu gosto. OBS: Não sou nenhum conhecedor dos frameworks, muito menos um sênior, só estou dizendo a minha visão como um Junior
Ainda não usei o Bootstrap para ter uma base de como ele funciona, mas o Tailwind está mais perto do que eu fazia nos meus projetos, onde eu já havia abstraído essa ideia de classes utilitárias, mas de forma muito mais simples (só as flexs, positions, grid, forms e inputs, o resto eu fazia na mão mesmo hehe) Confesso que de começo está bem complicado pegar o jeito, mas acho que é questão de tempo até lembrar tudo hehe
Suas dicas foram muito elucidativas e bem didáticas, com isso me cativou como inscrito e já me incentivou a utilizar o TailwindCSS. Muito obrigado. Não custa nada tentar o que parece ser bom.
O meu modificador para mobile do tailwind está ao contrário, quando eu coloco sm:atributo para ficar responsivo, na verdade ele fica pra versão de pc, e o atributo normal sem o sm: fica pra mobile
Baita aula! Eu tinha a impressão também que ficaria, agora vendo o uso do @apply e essa @layer components ficou perfeito. Vou experimentar em algum projeto com React. :)
Parabéns, Vedovelli! pelo ótimo conteúdo! Confesso quando conheci o tailwindcss logo me assustei com muitas informações no html, mas depois que comecei a utilizar e conhecer a ferramenta melhor, não consigo deixar - lo. rsrsrs.
Bom dia Fabio, qual a sua opinião sobre Tailwind vs Bootstrap para começar um novo projeto? A parte que pode organizar criando classe igual o bootstrap eu entendi (era uma dúvida minha), então argumentação de código sujo não reutilizável não existe! OK, mas o Bootstrap eu uso a vários anos, ele continua evoluindo, qual seria a vantagem de usar o Tailwind em um novo projeto?
Nenhuma vantagem. Você matou a questão quando afirmou que o Boostrap continua evoluindo. Se você usa a anos e ainda se sente à vontade, porque mudar?!? Fica com ele! Se está curioso sobre Tailwind, então comece aos poucos a experimentar até sentir que pode (ou não) substituir o Bootstrap nas suas apps!
Eu acho a ideia muito boa. Mas preferia criar uma baseada no emmet, ao meu ver faz mais sentido, bg-200, por que não bg200 que é nativo do vcode auto-completar. A novidade que achei muito interessante é a parte dos breakpoints e também a de criar classes embutidas não conhecia essa vantagem.
Muito bem representado o projeto, sua explicação é muito boa para quem está iniciando e pra quem não gosta também. Mas eu acho que você fez o pessoal que não gosta, gostar muito menos ainda.... haters gona hate.
No meu caso, não consigo me acostumar as classe das tags lotada de classe, Já tentei bootstrap e não gostei de como fica o arquivo. Prefiro um Sass, styled-components até css puro talvez eu dê uma chance ao TW
Recentemente eu entrei em uma nova empresa. Na anterior eu usava Bootstrap com SASS, me masterizei nisso e qualquer layout fazia em pouca horas. Hoje, na nova, uso Tailwind. No começo foi punk pois nunca nem tinha ouvido falar sobre. No entanto, é como o Fabio falou, os nomes são muitos subjetivos, quem entende css não terá dificuldade em aplicar as classes. No meu ponto de vista, é mais uma DOC pra ler e aprender! Show de bola o vídeo!
Ótimo conteúdo, eu realmente pensava que tailwind devia ser só mais um framework css que deixa o html cheio de classes, adquiri esse preconceito utilizando bootstrap
Tenho gostado bastante do Tailwind.
Acho que a história dos desenvolvedores com ele (inclusive a minha) é sempre muito parecida:
1. "Nossa que código sujo"
2. "Até que não é tão ruim assim"
3. "Tailwind? Tô usando pra tudo"
Sou fã de escrever regras de estilo na unha mas ultimamente tenho achado isso muito impraticável na hora de fazer projetos, abrir meus olhos pro Tailwind agora foi uma coisa muito boa.
@Viajante aprendiz Melhor a se fazer é aprender o básico de HTML e CSS antes de aprender o Tailwind. Caso contrario acho que vai surgir vários problemas referente ao básico de CSS no caminho. E vai tirar o seu foco do aprendizado do Tailwind.
O htm fica completamente poluído, mas usando os @apply para criar classes semânticas e mais objetivas, é só amor heuaea
Porque impraticável?
HAHAHA eu passei exatamente por essas etapas. Infelizmente o trabalho ainda me obriga a usar regras CSS na unha, mas estou me aperfeiçoando em Tailwind, e realmente é bom demais.
As classes realmente não são complicadas quando se para pra estudar o Tailwind. Mas ai que tá, é só uma camada a mais do que estudar CSS e usar um pré-processador pra chegar no mesmíssimo resultado, e ainda podendo chegar ao pixel perfect muito mais facilmente.
Se usar Tailwind no HTML fica sujo pra caramba. E usar o @apply ao meu ver não tem sentido, porque não escrever CSS logo se já está num arquivo CSS? Abstração? Mas alcança-se um resultado melhor ainda com um pré-processador te dando liberdade de criar seus próprios utilitários e usar da mesma forma que o @apply.
O CSS em si já é utilitário se você parar pra pensar. Usar opacity-50 (Tailwind) ou opacity: 0.5 (Vanilla) é a mesma coisa. Se você teve que nomear uma classe, você faria o mesmo com CSS. Na MINHA opinião, é um trade-off perdido
Tailwind é apenas uma forma diferente de aplicar o CSS, uma forma diferente de organização. O BEM, por exemplo, também é uma abstração e ainda assim é muito utilizado. SASS também. O mesmo vale para JS e React ou Vue. No final, para mim e muitos outros que gostam de Tailwind, é uma abstração que nos torna produtivos. Não estou preocupado se faz sentido. Minha meta é entregar mais rápido, de forma sólida e com uma boa UX. E com Tailwind, assim como foi com Bootstrap antes, eu consigo me preocupar só com o que me interessa: Javascript, componentes e comportamento! E assim como eu, há milhares! Abração!
Concordo, acho que ser produtivo na verdade é questão de angulo, e o tailwind não deixa mais ou menos produtivo, acho que pra um bom profissional de front acaba dando na mesma, e digo mais acho que é ainda mais seguro a escria no css é mais segurança do começo ao fim do que ter que decorar uma lib inteira pra fazer as mesmas funções
Realmente a tailwindcss evoluiu muito durante o passar do tempo, eu confesso que ainda não utilizo e não pretendo utilizar tão cedo. rs
Venho do nosso amigo angular e trabalho muito com sass, então quem trabalha com funções avançadas do sass vai entender o que estou falando. Por outro lado está ficando cada vez mais interessante conhecer o tailwind para dar os primeiros passos e este seu vídeo é um ótimo trabalho para desmistificar algumas famas que o tailwind já superou a um tempinho já.
Parabéns pelo vídeo Vedovelli, quando puder faça mais vídeos sobre tailwind.
Valeu irmão, começando agora com tailwind já me inscrevi no seu canal e ativei o sininho rsrs só fiquei triste por ter demorando encontrar esse canal.
Aulão hein Ved!!! Vc ja me levou pro Laravel, agora está levando para o Tailwind. Forte abraço!
O vício de usar Tailwind ta tão grande, q eu comecei a usar no React Native. E sobre o vídeo, mas uma vez parabéns! Ótimas dicas.
Esta ficando top o Tailwind no React Native
Qual biblioteca usa? Estou com receio pois não encontrei nada oficial...
@@doug203 usei a tailwind-rn
Muito bom!! Não sabia desse sistema de agrupamento em classes com o apply!
Curto demais o Heroicons do Tailwind Lab também!
Só uso ele agora!
To criando uma extensão pro chrome e tanto o TWCSS quando o Heroicons bons demais!
Que fodaaaaaaaa! Eu já amava tailwind e quando vi essa questão do "@apply" 🤯🤯
Que coisa linda ver essa praticidade, principalmente para o responsivo, muito obrigado pelo vídeo man, conteúdo fodaa!
Conte pros amigos!!! Ajude o canal a crescer!!
Fantastico!!! Solta pra nos uma serie projetinho usando o tailwind....
Fantástico, a única coisa que não entendi bem foi a medida (rem) que eu sinceramente nunca usei. Vou procurar saber mais!
Acho o TailwindCss bem bacana, por que eu tinha mt dificuldades com css, MUITA MSM!kkk, e com ele to conseguindo fazer umas paginas para meus projetinhos de banck em python bem bacana! so conteiner e a responsividades que ainda preciso melhorar
Único vídeo que me animou a usar Tailwind. Obrigado.
Mestre Vedovelli, faz tempo que não vejo vídeos seu, quando comecei com Laravel foi assistindo seus vídeos.
Excelente trabalho! 🚀
Sua explicação é excelente. O tailwind faz coisas "mágicas". Porém, acho que quando se aplica essas classes inline o html fica mesmo muito sujo. Essa opção de encapsular tudo e jogar no CSS usando o @apply no meu entendimento acaba indo ao contrario do que o tailwind se propõe. Para essas soluções já existem recursos que, ao meu ver, fazem esse trabalho, como os pré-processadores SASS e LESS por exemplo.
Mas de novo, tailwind é sim interessante e vai de cada um usar ou não. Obrigado pelo tuto! Abç.
Que vídeo incrível, Fábio. Estava justamente pensando se era possível fazer algumas das coisas que você fez agora e me sinto ainda mais convicto de como o Tailwind é uma ferramenta é maravilhosa. Muito obrigado!
Olá Fabio, a sua didática é excelente!
Parabéns!
Opa estava olhando seu video, e estou tentando gostar deste 'Tailwind', mas cara muito complicado, costumo usar o 'Semantic UI' e sinceramente não consigo entender como tem tanta gente que fala deste 'Tailwind'. Embora esteja tendo muita dificuldade vou continuar tentando.
vendo vc mexer me pareceu fácil!
No começo eu também estranhei, mas decidi insistir e hoje não consigo usar outra ferramenta, tamanha é a minha produtividade.
Esse vídeo abriu meus olhos kkkkk Nunca mais reclamo de código sujo. Agora é só amor ao Tailwind 😍
simplesmente fantástico amigo, fantástico !!
Obrigradíssimo pelo excelente vídeo, foi um divisor de águas, depois de muita procura, finalmente um vídeo mostrando na prática os benefícios do framework e com uma excelente didática, parabéns .... Não pretendia utilizar o tailwind, mas, depois deste vídeo, certamente já penso utiliza-lo para produção.
Fico muito feliz!
Fantástico grande Vedovelli! Já tinha ouvido muita gente falar a respeito dessa "sujeira" da Tailwind e após essa aula foda estou pensando em começar usar. Parabéns dinossauro.
Vim pelo twitter do Diego Fernandes, parabéns pelo conteúdo!
Acho que precisamos ter mente aberta sobre essas tecnologias que facilitam muito o desenvolvimento. Antigamente, por exemplo se você quisesse fazer um site, você teria que codificar muiito, muitas linhas de código. Hoje tá mais simples que antigamente. Imagine no futuro. Então a tendência sempre é facilitar e deixar mais simples.
po amigão, que exposição boa sobre o assunto, sua explicação é muito clara e direta, obrigado pelo vídeo!
show, eu nao usava pois achava muito dificil, mas esse video abriu minha mente, obrigado
Fabio Vedovelli sua didática é impressionante em todo lugar que eu apresento seus vídeos o pessoal fica feliz com a facildiade de aprender contigo.
Vídeo interessante mas, eu acredito que a forma com que vc pensa na hora de criar interfaces cada um vai gostar de uma forma, eu por exemplo prefiro CSS-in JS, é meu gosto pessoal.. normalmente evito trabalhar com classes.. mas o principal ponto de eu não gostar tanto do tailwind é que na maioria das vezes eu vejo projetos com tantas classes e algumas delas de forma desnecessária, que acaba trazendo uma complexidade maior na manutenção.. acredito que o fator q faça com que isso ocorra é o fato de quem está iniciando no desenvolvimento e começa com um tailwind, a pessoa aprende a como pensar de forma tailwind.. e não pensando como css de fato.. o que é um problema.
Já com relação a código sujo, isso vai de como o dev organiza seu código..
Porém ressalto, se vc aprende CSS vc aprende qualquer framework de css, o importante sempre é saber o que vc está fazendo e N só sair jogando classes e testando o que funciona ou o que não funciona.
Então minha opinião é que isso vai de de pessoa pra pessoa, de time pra time.. os conhecimentos devem estar alinhados tmb pra uso de qualquer ferramenta, se N se faz desnecessário qualquer ferramenta, não só o tailwind
Mestre, primeira vez que assisto ao seu canal, e simplesmente MARAVILHOSO!!! vou maratonar todinho!
Parabéns Fabio, excelente vídeo
Vídeo muito esclarecedor e claro. Me ajudou bastante.
Caramba! Que vídeo maravilhoso! Vou testar e começar a usar esse cara nos projetos pessoais 😃
Tava pesquisando sobre isso esses dias e encontrei esse video maravilhoso, agora vamo na busca de entender o styled components
Gosto da tailwind e essa parte de poder separar as classes em um arquivo foi um dos motivos de optar por ele em alguns projetos. Mas algo que não gosto mesmo nele é como o css final é gerado, isso quando inspecionar o elemento no navegador. Ali realmente creio que fica muito complexo de entender e fazer alguns ajustes diretamente no navegador pra ver como fica.
Com este ponto eu concordo e vc me deu inclusive uma ideia de vídeo para mostrar esta parte. É importante salientar que Tailwind não é bala de prata! Obrigado
Cheguei aqui a partir de um PR da RocketSeat por sugestão do Diego. Muito bom o vídeo
Que legal! O PR é público? Se sim, mande o link!
Sim, Fábio! O PR da Rocketseat se refere a Perguntas e Respostas. É uma série que eles tem na qual respondem perguntas enviadas pelos usuários do canal. Alguém perguntou sobre Tailwind e o Diego na resposta indicou vídeos seus
Só dar uma olhada no canal deles. É tudo aberto. Rocketseat no TH-cam mesmo
Foi no vídeo de ontem, 19/05
Muito bom Fábio! O tailwind tem me chamado a atenção. Vou começar a usar.
Seu vídeo me fez ter vontade de aprender Tailwind, mas vale a pena aprender, em termos de empregabilidade? Vagas de junior Front-End, apesar de pedir um caminhão exagerado de competêwncias, não vejo pedirem Tilwind, é mais o Bootstrap
parabens pelo video, deu para ter uma ba noção sobre o tailwindcss. Um outro aspecto interessante que vc destacou é que open source pode ser proprietario, mas achei um pouco simplista ate incorreto associar a questão de ser proprietario só por ser uma lib não nativa, pq a questão do ser proprietario ou não tem relação a licensa de distribuição. Tenho certesa que vc compreende isso e só quis avançar sem precisar explicar esse ponto em especifico, mas acho muito importante fazer esse destaque.
Maravilhosa explicação. Grato!
Acho que vou implementar em um pequeno projeto agora.
Vou deixar o styled-components de lado ao menos nesse projeto.
Cara, que ótimo esse vídeo! Agora aprendi a trabalhar com tailwind usando componentes e classes próprias com tailwind e css juntos! Muito Obrigado!
Ótimo vídeo, meu amigo! Simples, rápido e objetivo! Parabéns!
Obrigado, tirou minha dúvida.
Ainda não comecei a usar mas vendo dois vídeos seus estou bastante curioso. Vou acabar testando em um projeto pessoal Laravel, Inertia e Vue
Uma aula de resposividade !
Muito bom!! O problema agora é passar meus projetos de bootstrap pra tailwind, pq na hora de dar manutenção é a maior tristeza por não estarem em tailwind rs
Estou aprendendo CSS agora e adorei essa instrução! Obrigado!
Muito bom!
Eu tinha esse "preconceito" com Tailwind antes, mas depois que usei uma vez, agora não crio mais nada sem ele kkk
Não sabia do @layer, já vou aplicar aqui
Brigadão!!
Não cheguei usar ainda, mas a ideia de não precisar sair do html para escrever css me agrada, mas a parte de manter o código limpo era algo que me preocupava bastante... agora que vi essa solução por volta dos 15:40 do tempo de vídeo confesso que desanimei um pouco...
Tipo qual utilidade me tem um framework css onde pra manter o código limpo preciso criar uma classe, pra depois colocar outras classe dentro que representam somente uma tag css... tipo consegue entender oq quero dizer?
Meio que só estou enfeitando o html e css, claro que coisas como grid, flexbox, responsividade e etc... facilita muito. Mas para um Junior/Pleno valeria muito mais apenas só estudar mais a respeito do que ir aprender um sobre um framework com nomes diferentes do que ele conhece (Não tão diferentes, mas de fato tem uma nomenclatura diferente) que a primeiro momento seriam difíceis de decorar.
Seria muito mais fácil simplesmente optar pelo Bootstrap que já traz algo pronto e a pessoa só precisa mudar algumas propriedades a seu gosto.
OBS: Não sou nenhum conhecedor dos frameworks, muito menos um sênior, só estou dizendo a minha visão como um Junior
Crie componentes com Vue, React, svelte, solid.
Muito bom, parabéns!
Gostaria de ver a aplicação do Tailwind em formulários.
Sugestão anotada!
digamos que eu tenha uma isso aqui "div > figcaption > p" no TW tem como mudar a cor do "p" quando dou o hover na div?
Nossa que massa! Isso sim faz toda diferença.
Ainda não usei o Bootstrap para ter uma base de como ele funciona, mas o Tailwind está mais perto do que eu fazia nos meus projetos, onde eu já havia abstraído essa ideia de classes utilitárias, mas de forma muito mais simples (só as flexs, positions, grid, forms e inputs, o resto eu fazia na mão mesmo hehe)
Confesso que de começo está bem complicado pegar o jeito, mas acho que é questão de tempo até lembrar tudo hehe
muito bom, não me interessei no inicio, pq achava realmente que o código ficava muito sujo, mas depois dessa explicação me interessei bastante
Mission accomplished
Excelente video! Com a versão 12 do angular dando suporte a integração com Tailwind eu comecei a pouco implementar e vira um vício.
show de bola, muito bom estou me adaptando, Tailwind CSS facilitou muito para mobile
Suas dicas foram muito elucidativas e bem didáticas, com isso me cativou como inscrito e já me incentivou a utilizar o TailwindCSS. Muito obrigado. Não custa nada tentar o que parece ser bom.
Esse @apply resolveu o problema. Perfeito!
Ótimo vídeo, dismistificando aquele mito de que Tailwind CSS suja seu código. Hehehe, adorei.
Vídeo excelente, deu pra aprender bastante coisa nessa aula.
7 boa a explicação, gostaria de ver mais aulas sobre tailwind. Parabéns.
Estava receoso para utilizar, o vídeo já me deixou mais tranquilo. Obrigado
O principal interesse de vagas que requerem conhecimento de tailwind css é a simplificação de código e reduçao do arquivo css?
O meu modificador para mobile do tailwind está ao contrário, quando eu coloco sm:atributo para ficar responsivo, na verdade ele fica pra versão de pc, e o atributo normal sem o sm: fica pra mobile
Muito bom, ganhou o inscrito! Continue o trabalho bacana :)
Sua didática só cresce, obrigado mestre.
Sensacional!!!!
Me salvando mais uma vez com suas explicações diretas e direitas. Obrigado irmão!
Baita conteúdo Vedovelli. Parabéns!
Alguém sabe como colocar baground de imagem com React no tailwind?
Baita aula! Eu tinha a impressão também que ficaria, agora vendo o uso do @apply e essa @layer components ficou perfeito.
Vou experimentar em algum projeto com React. :)
Como sempre sensacional
Parabéns, Vedovelli! pelo ótimo conteúdo!
Confesso quando conheci o tailwindcss logo me assustei com muitas informações no html, mas depois que comecei a utilizar e conhecer a ferramenta melhor, não consigo deixar - lo. rsrsrs.
Como sempre, um ótimo video.
Estou usando tailwind num projeto em nextjs. Uma maravilha.
Sensacional Ved!!! Partiu Tailwind.. Continue o bom trabalho!!
Excelente vídeo, como sempre. Seus materiais são sempre de excelente qualidade.
Você é show! Que didática maravilhosa! Obrigado pelo vídeo!
Excelente aula!!! Muito obrigado!
Grande Vedovelli mais uma vez defendendo os frameworks que gosta, grande aula! Me mostrou o Tailwind de uma forma diferente
Adorei seu vídeo! Acabei de conhecer seu canal, ganhou mais um inscrito!
Por isso que eu utilizo um arquivo css e uso @apply nas minhas classes, porque assim eu posso utilizar o tailwind e deixar o html limpo.
Que aula, camarada!
Parabéns pela iniciativa ótimo vídeo, bem explicado!
Parabéns vedovelli, vídeo muito bom!
Agradeço seu compartilhamento de conhecimento! Parabéns! 🎈🎉🎊🍾
Bom dia Fabio, qual a sua opinião sobre Tailwind vs Bootstrap para começar um novo projeto?
A parte que pode organizar criando classe igual o bootstrap eu entendi (era uma dúvida minha), então argumentação de código sujo não reutilizável não existe!
OK, mas o Bootstrap eu uso a vários anos, ele continua evoluindo, qual seria a vantagem de usar o Tailwind em um novo projeto?
Nenhuma vantagem. Você matou a questão quando afirmou que o Boostrap continua evoluindo. Se você usa a anos e ainda se sente à vontade, porque mudar?!? Fica com ele!
Se está curioso sobre Tailwind, então comece aos poucos a experimentar até sentir que pode (ou não) substituir o Bootstrap nas suas apps!
Muito bom Vedovelli. Tailwind é muito bom, e me ajudou bastante a entender melhor a própria css…
Eu acho a ideia muito boa. Mas preferia criar uma baseada no emmet, ao meu ver faz mais sentido, bg-200, por que não bg200 que é nativo do vcode auto-completar.
A novidade que achei muito interessante é a parte dos breakpoints e também a de criar classes embutidas não conhecia essa vantagem.
Sensacional!
Ótimo conteúdo.
Parabéns!
👏🏽👏🏽👏🏽👏🏽👏🏽
agora comecei a gostar disso ai
Genial, tanto o conteúdo como a sua apresentação. Obrigado.
Excelente 👏👏😁
Mestre Ved... sempre uma aula. Obrigado professor. Show!
Muito bem representado o projeto, sua explicação é muito boa para quem está iniciando e pra quem não gosta também.
Mas eu acho que você fez o pessoal que não gosta, gostar muito menos ainda.... haters gona hate.
No meu caso, não consigo me acostumar as classe das tags lotada de classe, Já tentei bootstrap e não gostei de como fica o arquivo. Prefiro um Sass, styled-components até css puro talvez eu dê uma chance ao TW
tenta o semantic-ui
Recentemente eu entrei em uma nova empresa. Na anterior eu usava Bootstrap com SASS, me masterizei nisso e qualquer layout fazia em pouca horas.
Hoje, na nova, uso Tailwind. No começo foi punk pois nunca nem tinha ouvido falar sobre. No entanto, é como o Fabio falou, os nomes são muitos subjetivos, quem entende css não terá dificuldade em aplicar as classes.
No meu ponto de vista, é mais uma DOC pra ler e aprender!
Show de bola o vídeo!
acha melhor que o bootstrap?
@@micaelalgarrao6043 não é questão de ser melhor ou não e sim de ver qual se adequa melhor ao projeto.
Pessoalmente, estou preferindo o Tailwind.
Show de bola
Ótimo video !
Muito bommmmmm como sempre!
Ótimo conteúdo, eu realmente pensava que tailwind devia ser só mais um framework css que deixa o html cheio de classes, adquiri esse preconceito utilizando bootstrap