Aprenda em
HTML-код
- Опубликовано: 1 окт 2024
- Aprenda em 13:37 - conteúdo prático e direto ao ponto, respeitando o seu tempo!
Boas-vindas à série "Aprenda em 13:37"! Aqui, você encontrará vídeos curtos e concisos sobre desenvolvimento de software, com conteúdo prático e direto ao ponto. Não perca a chance de melhorar suas habilidades e se destacar na área. Assista agora e comece a aprender em 13:37!
O Tailwind CSS é uma ferramenta poderosa para desenvolvedores que desejam criar interfaces de usuário de alta qualidade de forma mais rápida e eficiente.
Ao invés de criar classes CSS personalizadas para cada elemento, o Tailwind CSS fornece uma variedade de classes pré-definidas que podem ser facilmente combinadas para criar designs complexos. Além disso, o Tailwind CSS é altamente customizável, permitindo que você crie seu próprio conjunto de classes CSS para se adequar ao seu projeto específico.
Se você gostou, não se esqueça de compartilhar com outras pessoas e se inscrever no canal.
Sua opinião é importante, então deixe um comentário e me conta o que achou.
Até o próximo vídeo!
00:19 Introdução: O que é o Tailwind CSS?
00:45 Conhecendo o play.tailwindcss.com
01:04 Estilizando elementos com css tradicional
01:55: Elementos: Estilizando textos
02:43: Elementos: Cor de fundo
03:04: Elementos: Espaçamentos e tamanhos
04:13: Elementos: Pseudo-classes
04:47: Elementos: Responsividade
05:15: Layouts: Flexbox
06:28: Layouts: Grid
07:30: Efeitos: Transições
08:08: Customização: Cores
09:35: Customização: Tamanhos
10:40: Instalação: Instalando no seu projeto
12:58: Instalação: Tailwind CSS IntelliSense
- Extensão pro VSCode: marketplace.vi...
- Plugin para ordenar as classes no html: github.com/tai...
#tailwindcss
#css
#webdevelopment
#frontend
Que tal me seguir no twitter? / luisrudge
o que não aprendi em um curso de 8h, aprendi agora em 13:37
haha! valeu demais, Ághata! A ideia é justamente condensar a informação em vídeos pequenos pra que a pessoa consiga aprender mais em menos tempo. É claro que algumas coisas ficam de fora do vídeo (inclusive a minha respiração 😅), mas a ideia é ensinar 80% do conteúdo em 20% do tempo. Os outros 20% de conteúdo, a pessoa pode decidir se vale a pena ou não pesquisar, dependendo da situação.
Obrigado pelo comentário e elogio!
Vc pode ter aprendido algo em 8 horas, mas aquele resumão ajuda muito a fixar.
esse cara é fera, tem curso irmão?
mds! melhor explicação, os outros enrolam e não falam nada. Parabens Luís agr senti mais vontade de testar o tailwind pareceu muito fácil agr
Valeu, Victor! Essa foi a ideia mesmo. Tentar simplificar ao máximo pras pessoas entenderem o suficiente pra explorar o Tailwind CSS sozinhas.
Como que esse canal não tem mais reconhecimento? Aprendi demais nesses 13 minutos, muito obrigado!
Obrigado pelo comentário! É tudo questão de perspectiva. Eu estou super feliz de ter mais de 600 subs só com 4 vídeos publicados! O problema é que eu não gosto de ficar enchendo linguiça com vídeo sem valor só pra subir no algoritmo. Os vídeos que eu publiquei são o stack que eu uso hoje em dia (Remix, Prisma, Tailwind e Typescript).
Deixei em 2x aprendi em menos.
Daí sim! O que conta é o aprendizado 😅
Kkkk
Obrigado pela dica.
Kkkkk
Eu usava o styled-components, mas tailwind foi a melhor coisa q ja usei
Boa, Eduardo. Aqui, estou no mesmo barco. Se eu puder decidir o que usar daqui pra frente, vai ser Tailwind CSS com certeza.
Achava q bootstrap era bom, mas Tailwind CSS é mt melhor slk
Olá, existe possibilidades de pegar types do tailwind? Tipo, eu tenho uma prop horizontalAlign, e gostaria de tipar ela com todas as classes de justify-content do tailwind
Que didática fantástica.... Obrigado por compartilhar teu conhecimento.
Obrigado pelo comentário!
e não é que aprendi mesmo... é muito parecido com as configs do MUI então facilitou entender também
Muito bom o video, fala da "diferença" entre MongoDB e mysql e como usá-los?
As pessoas que criaram tailwind não são pessoas comuns não, são uns prefeitos..
Mais difícil que isso só a instalação e configuração do Tailwind.
Excelente! Tailwind assusta pelo tamanho das infos em uma linha, mas com uma explicação dessa o bicho de sete cabeças vira um gatinho hahahaha
Exatamente! Assusta de início, mas você acaba aprendendo a 'interpretar' essas classes visualmente. Hoje em dia, depois de muito uso, eu leio as classes do tailwind do mesmo jeito que eu leio instruções css.
caraca amigo, bem que você poderia voltar fazer esse conteudo, muito informativo e bom, até entrei pra ver se teria videos de outras linguagens, mas bem, sucesso e muito obrigado.
13 ???????????????????
Ótimo conteúdo! já sabia mexer com tailwind e mesmo assim em 13 minutos ainda consegui absorver mais conhecimentos
Obrigado pelo comentário, Pedro!
Sla, pode ser que eu esteja enraizado onde eu aprendi, mas n acho isso muito interessante ainda mais em projetos grandes, pois vc deixa o HTML muito, mas muito poluído, mas admito que facilita a escrita e estilização, mas acho que não fica legal em projetos grande, acho q fica melhor em projetos simples onde vc usa pouca estilização ou como simplificador ex usar somente flexbox e os alinhamentos, assim vc diminui a repetição no CSS a gente costuma fazer muito de criar classes para coisas muito repetitivas e usar direto a classe no html pq simplifica. mas ainda prefiro ter arquivos separados e bem organizados. To aprendendo pq ne n se trata do que eu gosto e sim que que se sabe fazer kkkk
Esse é um ótimo ponto! Meu contra-argumento é que, idealmente, você vai continuar tendo arquivos pequenos, já que essas classes vão ficar todas encapsuladas em seus componentes. Então na sua página de login, por exemplo, você não vai ter estilo algum pra caixa de texto, botão etc, porque isso vai ser parte dos componentes.
você tem curso? caramba que explicação sensacional!! s
Obrigado pelo comentário! Tenho alguns cursos gravados e distribuídos pela Platzi. platzi.com.br/profes/luisrudge/ são um pouco antigos, porém os assuntos ainda estão bem atuais. Nos cursos, eu consigo ir muito mais a fundo em todos esses assuntos!
mt bom, eu nao sabia que dava para mudar a tonalidade com cores personalizadas! mt legal!
Que bom que gostou! Dá pra fazer quaaaase tudo com Tailwind padrão. Se criar um plugin customizado, daí vc consegue fazer tudo tudo 😅
Mano, bom tutorial. O tailwind é legal, mas o html fica uma vosta, kkkk.
Pô, vou te dizer que esse é o único lance que realmente não tenho contra-argumento. O html fica meio zoado mesmo. Mesmo com o plugin que ordena as classes (tailwindcss.com/blog/automatic-class-sorting-with-prettier), eu não curto muito o html final haha. Mas ainda acho que os benefícios superam essa pequeno problema 😅
O cara diz que vai ensinar tudo em 13:37 mas so conseguiu cumprir com que prometeu com 13:38.kkkkk
Acho que aprendi mais nesse vídeo do que em 3 cursos que comprei
hahahah. Pô, onde você tá vendo? eu testei essa parada do tempo no celular e desktop e aparece 13:37 pra mim, mas no gerenciador de vídeos aparece 13:38 também! Fiquei transtornado, mas paciência hahah. Obrigado pelo comentário! Que bom que curtiu o formato.
video excelente. Parabéns!
Muito legal, eu achei muito parecido com o Bootstrap. Mas qual seria a diferença dos dois?
Valeu pelo comentário! Acho que a principal diferença é que o tailwind não tem o conceito dos componentes, né? Só tem os utilitários pra você criar os seus próprios componentes. O bootstrap também adicionou alguns utilitários, bastante inspirado na onda dos frameworks css de utilitários getbootstrap.com/docs/5.3/layout/utilities/
Direto ao ponto, com clareza e qualidade! Por mais vídeos assim! Obrigado pelo material mestre!
Valeu pelo comentário, Yuri! Essa é a ideia mesmo: sem enrolação. Que bom que curtiu!
Tá de parabéns, Luis! Vídeo muito bom, e extremamente didático! Ajudou muito!
Excelente conteúdo. Apenas uma dúvida, Luís: Por se tratar de um framework um tanto quanto repetitivo, tu tens alguma dica para facilitar a leitura desse código, ou seja, ele não acaba ficando embaralhado e "sujo"?
Abraços!
Essa é uma das principais reclamações envolvendo o Tailwind CSS. É verdade que o número de classes css no elemento html pode ser grande, mas o fato de ter toda a estilização de um elemento de forma explícita, sem ter que abrir outro arquivo css e procurar a classe pra entender o que tá acontecendo, acaba sendo um diferencial positivo, no meu ponto de vista. Uma ferramenta que eu uso bastante é o github.com/tailwindlabs/prettier-plugin-tailwindcss - ele é um plugin pra ferramenta de formatação de código Prettier que faz com que todas as suas classes Tailwind CSS sejam ordenadas da mesma maneira, então você acaba se acostumando rapidinho a achar a classe que precisa mesmo que use várias delas num só elemento.
Pica demaisss!!
N pd usar style do css no html direto mas tailwind pode? Entendi kkkk n entendo as pessoas sinceramente
Acho que essa é uma pergunta razoável - bastante gente tem a mesma dúvida. Hoje em dia, com a spec atual do CSS, os dois não são comparáveis. Por exemplo, você não pode utilizar pseudo-seletores com inline styles.
No geral, acho que esse receio todo de usar inline styles ou Tailwind CSS vem do fato de que a gente cresceu na carreira ouvindo que isso é errado. E era a realidade da época. Não existia essa 'componentização' que existe hoje. A maioria dos frameworks de hoje possui uma forma ou outra de criar componentes. Quando você reusa componente ao invés de reusar blocos de HTML, o problema de repetição de css vai embora.
Pra resumir, eu não usaria Tailwind CSS se tivesse que trabalhar sem um workflow que me permita criar componentes com facilidade. Por exemplo, se eu fosse criar uma página estática html pra uma campanha de marketing etc, não usaria. Ou, se usasse, usaria com o @apply, que não cobri no vídeo, mas te possibilita usar o Tailwind CSS pra criar suas próprias classes. Exemplo
//meu arquivo css
.btn {
@apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700;
}
//meu arquivo html
Sensacional. Obrigado pelo vídeo, ajudou bastante
Seu vídeo ficou incrível! Me deu muita vontade de começar a usar o Tailwind
Muito bom o conteúdo do vídeo. Acabei de me inscrever no seu canal.
Valeu, Saulo!
Imaginemos que eu tenha uma classe A que será chamada em várias divs ou componentes, terei que customizá-los de forma independente?
se você precisa ter um conjunto de classes que precisa ser aplicada a vários elementos, o mais correto seria criar um componente que vc reutiliza em vários lugares. Se não for possível, você pode usar o @apply. Docs here: tailwindcss.com/docs/reusing-styles#extracting-classes-with-apply
Exemplo:
@layer components {
.minha-classe-customizada {
@apply py-2 px-5 .....outras-classes-aqui.....;
}
}
@@luisrudge bgdo professor 👏👏👏👏
pronto vc me convenceu desgrama agora vou ter que trocar meu boostrap -.-
Hahaha. Muita calma nessa hora! A nova versão do bootstrap tem uma série de utilitários muito parecidos com os que existem no tailwind. getbootstrap.com/docs/5.3/utilities/api/
O bootstrap também oferece componentes de fato, o que pode acelerar o desenvolvimento já que com o tailwind você tem que construir esses componentes do zero. Existem algumas bibliotecas de componentes baseadas em tailwind que estão crescendo bastante. Alguns exemplos (não usei nenhuma): github.com/saadeghi/daisyui e flowbite.com
Top, trás um vídeo do chadcn, iria ser um gancho p esse video tbm
Excelente video! Parabéns pelo conteúdo.. Explicativo ao EXTREMO!
Valeu, Kelvin!
Muito obrigado por esse resumão, no momento não pretendo estudar Tailwind, por estar focando em outras tecnologias, mas me deu uma ótima visão geral sobre como ele funciona.
Valeu, Bruno! Essa é a ideia mesmo. Conhecer o básico e daí decidir se vale a pena ou não ir mais a fundo. Boa sorte nos estudos!
Nunca tinha ouvido falar, foi bem incisivo. Só não sei ainda como implementar
Nossa igualzinho o bootstrap que top vlww
Gostei to ate seguindo o canal agora, eu sabia que era muito parecido com o bootstrap mais é muito mais flexível
Mais didático que isso impossível. Parabéns bro.
MUITO BOM!!!!!!
Obrigado pelo vídeo amigo.
Conteudo aplicado direto, no ponto, sem rodeios. Parabens!
Excelente vídeo professor, bem resumido, mas passou todo o conteúdo com louvor.
Pedido: faça um vídeo ensinando como instalar o tailwindcss no HTML, os vídeos que encontrei são antigos e estão apresentando muita divergência com a configuração atual, valeu pela força.
Valeu, Eder! A instalação depende muito da tecnologia que você tá utilizando, mas o guia no site do tailwind é muito bom e vale o acesso! tailwindcss.com/docs/installation
Nossa. Que vídeo tutorial!!. Top demais. Agora fiquei com vergonha de ficar usando Bootstrap por tanto tempo 😢
Valeu pelo comentário! Não tem vergonha nenhuma. A gente usa o que funciona pra gente. Quando outra coisa começa a funcionar melhor, a gente troca 😅 Não tem como sair do Bootstrap direto pro Tailwind CSS sem antes pensar em como fazer com os componentes, já que o Tailwind não tem nenhum componente. É um processo que precisa bastante pesquisa mesmo!
@@luisrudge Amigo. Você precisa voltar a fazer esses vídeos! Sua abordagem é excepcional. Direta e reta sem ficar cozinhando o galo, rsrsrs. Se estiver colhendo pedidos, meu voto vai pra Astro com Htmx 🤗
@@BrandevTech Sem cozinhar o galo eu nunca ouvi hahah. Valeu pelo comentário!
Sou dev flutter e não conhecia o canal, tava curioso e cai aqui e mt boa a didática parabéns.
Muito bom! Obrigado!
Muito bom. Tem vídeos aí de 1h q n ensina metade do que foi ensinado nesse. Parabéns!
Great
Muito claro e objetivo. De fato aprendi muito nesses 13:37. Obrigado por compartilhar. Acabei de me inscrever no seu canal e assim que puder vou assistir os outros vídeos dessa série. Se possível, mais conteúdo sobre tailwindcss. Valeu
Valeu, Marcelo! O que você gostaria de ver sobre tailwind? Criação de componentes? Técnicas avançadas?
@@luisrudge isso mesmo. Tenho uma base, mas apanho em iniciar um layout do zero, principalmente uso do flex e grid. Obrigado
SENSACIONAL! Ajudou demais, em menos de 14min eu que ja tinha conhecimento de css, consigo começar um projeto com tailwind e sair do outro lado. Valeu demais Luis
Valeu, Davi! Esse era justamente o o objetivo desses vídeos curtos e diretos ao ponto. Tem muita coisa avançada ainda pra você aprender com a documentação e mais experiência com o framework, mas com esse conteúdo que passei vc consegue pegar o básico pra sair criando suas interfaces com qualidade!
Excelente! Muito Obrigado!
Ganhaste um novo seguidor.
Maravilha, Osvaldo! Obrigado por seguir! Já tá usando Tailwind CSS em produção?
Por mais vídeos assim, diretos ao ponto, sem a síndrome da celebridade.
Rapaz... Esse cara é bão, hein 😅. Parabéns
Valeu pelo comentário, Saulo!
Que canal incrivel! Mais um inscrito
Mano, muito obrigado!!1 Peguei um projeto de React com Tailwind e Vite e tava PERDIDASSO. Essa extensão ai tbm foi MUITO útil
Show de bola, David. Que bom que consegui elucidar alguns pontos 😅 O resto é prática. Com o tempo, você vai memorizando as classes mais utilizadas e nem precisa mais olhar a documentação!
Cara, vc é brabo dms!!!! Deu um show na explicação. Entendi enquanto tomava banho. Parabéns!!! Mais um escrito e sino balançando na espera do próximo vídeo! Parabéns
Valeu pelo comentário!
Excelente, obrigado1
achei muito top sua didática, pois vai direto ao ponto eu não havia assistido nada sobre o Tailwind mas desenvolvo com bootstrap, consegui absorver muita coisa. Obrigado!
Valeu pelo comentário, Lucas!
muito bom...ganhou um inscrito
Valeu demais, Célio!
Show, muito bom mesmo. Parou de fazer vídeo pq? Sua forma e ensinar é excelente.
Pô, valeu demais pelo comentário! Eu gosto de ensinar assim porque gostaria de aprender assim tb 😅 Não tenho mais ideia pra vídeo hehe. Eu consigo condensar informação e ensinar dessa maneira porque uso essas ferramentas no meu dia-a-dia. Eu não conseguiria fazer o mesmo com outros vídeos sobre conteúdos que não tenho familiaridade. Tô pensando em fazer um vídeo migrando uma aplicação ASP.NET criada há 10 anos atrás pra esse stack mais moderno dos vídeos que criei (Remix, Tailwind, Prisma). Mas ainda tô pensando em como fazer isso sem ficar maçante.
Muito bom
Meu amigo, que incrível!! eu já estava ficnado desanimado pois não consegui aprender esse tal de tailwind, de forma alguma. e com teu video, pude conseguir entender o conceito.!!, muito grato
Valeu pelo comentário! O Tailwind CSS tem essa primeira impressão mesmo. Demorou pra 'clicar' na minha mente os benefícios etc. Agora o problema vai ser usar qualquer outra solução 😅
sou front a 7 anos e lembro que na época nunca gostei do bootstrap exatamente por essa questão de ''sujar'' o html, então com o sass eu sempre só importava o necessário e usava tudo com variáveis direto no css, essa nova realidade com Tailwind , confesso que está sendo um desafio não por complexidade mas sim pq pra mim essa é a pior forma de estilizar as coisas hahahah, é uma mão na roda com certeza, mas realmente é muito ruim estilizar as coisas assim :(
Putz, sei exatamente o que você tá passando. Eu tive essa mesma sensação quando o React apareceu. Odiei, depois não conseguia pensar em usar outra coisa. Com o Tailwind CSS foi a mesma coisa. Eu tentei por 2x em projetos teste e abandonei porque realmente não entendia como poderia fazer sentido no meu workflow. Depois de ler muita gente dizendo que você precisa testar num projeto real pra entender como a mágica acontece, eu acabei testando num projeto real e realmente não teve como voltar atrás haha
Video perfeito e muito bem explicado, graças a vc consegui usar legal o talwind
Valeu pelo comentário! Crédito seu que conseguiu absorver o conteúdo 🎉
Aqui vi valor, Parabéns
Bom demais, parabéns!
Cara, vc faria um desenho sobre livewire? Vi que vc é mais de js, mas caraca seria interessante ver algo do tipo
Infelizmente, não sei nada sobre PHP, Laravel e Livewire :(
Já ganhou uma inscrita! Parabéns, vídeo excelente.
Show !
Muito simplificado , parabéns pelo conteúdo.
Explicação excelente! Me pareceu um pouco parecido com Bootstrap...
Valeu pelo comentário! Acho que a principal diferença é que o tailwind não tem o conceito dos componentes, né? Só tem os utilitários pra você criar os seus próprios componentes. O bootstrap também adicionou alguns utilitários, bastante inspirado na onda dos frameworks css de utilitários getbootstrap.com/docs/5.3/layout/utilities/
Instalar em um diretorio (sem vite e qualquer framework) ja existente com html e css vanilla é o mesmo passo a passo?
O ideal é vc usar alguma ferramenta pra conseguir fazer o arquivo final de css conter somente as classes que vc está usando. Você pode usar o próprio 'tailwind cli' pra isso (tailwindcss.com/docs/installation). Se você quiser só jogar um arquivo css pronto no arquivo HTML contendo todas as classes, vc pode usar a CDN do tailwind: tailwindcss.com/docs/installation/play-cdn - só recomendo essa estratégia se vc estiver usando pra testar, ver como funciona etc. Se for montar algo mais sério, utilize o CLI.
Muito obrigado, clareou as ideias.
Excelente vídeo! Muito obrigado e parabéns!
Obrigado pelo comentário, George!
excelente vídeo, valeu!
Valeu pelo comentário e apoio, Lucas!
Excelente video!
Valeu, Raffael!
Oh loko parceiro, que aula!
Olha, eu estava meio indeciso em como estilizar um projetivo que estou fazendo, mas esse vídeo me convenceu hehehhehehe
Valeu pelo comentário, Danilo! Boa sorte no projeto!
Migrando do Bootstrap, excelente explicação, valeu!!
Obrigado, me ajudou muito
Que bom, Claudio! Começou a usar no trabalho ou tá querendo aprender mais?
@@luisrudge no trabalho
Oi amigo, aprendi muito, parabéns pela didática!
Valeu, Conrado!
Muito obrigado ! Vou utilizar Tailwind para aprender junto com React em um projeto
Legal! Pra mim, é a combinação perfeita!
Tudo que eu precisava. Parabéns pelo vídeo. Sensacional
Valeu pelo comentário, Thiago!
Video incrível! Super didático! Obrigada!
Obrigado pelo comentário, Kimberly!
excelente!
A dúvida que não quer calar lindão: "Como vc consegue editar vários conteúdos, sem perder a linha de raciocínio em exatamente 13:37?" kkkkkk. +1 inscrito, canal top d+!
Ahh! A pergunta que não quer calar haha. Pra esses vídeos, eu contratei um editor. Apesar de ele não entender nada de programação, ele ajudou muito a manter o ritmo dos vídeos. Quando eu gravei, já sabia que não teria tempo de explicar sobre tudo, então, durante a preparação, eu já cortei muita coisa por ali mesmo. Eu passava pro editor em torno de 20 a 22 minutos de material bruto, pra chegar nesse resultado final de 13:37.
@@luisrudge Entendi! da hora d+ Assisti o de typescript tb e já deu moh base boa. Não para de gravar não meu mano.
@@TioJobs Valeu demais pelo apoio! To pensando no que gravar em seguida hehe.
que aula em, parabens!
parabéns, sua didática é ótima, aprendi muito em tão pouco tempo.
Valeu pelo comentário!
Parabéns pelo vídeo, em pouco tempo trouxe mais conteúdo que muitos vídeos longos. Parabéns novamente.
Valeu, Adriano!
Rápido, claro e objetivo. Seu canal merece muito mais reconhecimento, parabéns e obrigado pela qualidade do conteúdo.
Valeu, Luiz! O seu comentário, assim como os outros, mostra que a galera está curtindo essas explicações sem enrolação!
Shooowww demais. Didática maravilhosa. Parabéns por explicar tão bem. 🎉🎉🎉🎉🎉🎉
Valeu demais pelo comentário!
Muito bom seu conteudo e sua didática, melhor explicação impossível !
Valeu demais pelo comentário, Samir!
Faz mais vídeos, canal ta parado precisamos desse conteudo muito bom
haha. pior que tá parado mesmo. Tô num projeto complicado no trabalho, mas vou fazer mais vídeos assim que passar essa fase. O que você sugere de assunto pro vídeo novo?
Muito bom
Que conteúdo bom! achei agora, depois de 1 ano haha. Uma dúvida que tive ao ver o vídeo é : esse monte de classes no html, não polui ou confunde as outras classes utilizadas para outros propósitos que não CSS?
Oi, Lana. Obrigado pelo comentário! Quando você tá num projeto totalmente em TailwindCSS, é muito difícil utilizar outras classes. Normalmente só tem classe do tailwind mesmo. Se estiver migrando uma aplicação pra tailwind, pode ficar confuso por um tempo até você eliminar as classes antigas.
@@luisrudge perfeito! Obrigada pela luz!
Otimo video!!
Valeu pelo comentário, Paulo!
Olá, existe possibilidades de pegar types do tailwind? Tipo, eu tenho uma prop horizontalAlign, e gostaria de tipar ela com todas as classes de justify-content do tailwind
não tem nenhum pacote oficial. se for só pra uma coisa ou outra, vc pode criar na mão mesmo:
type MyProps = {
horizontalAlign: 'justify-normal' | 'justify-start' | 'justify-end' | 'justify-center' | 'justify-between' | 'justify-around' | 'justify-evenly' | 'justify-stretc';
}
se quiser fazer isso com várias props, dá uma olhada nesse pacote (não oficial) que tem todos os tipos do tailwind: github.com/danpacho/tailwindest
type MyProps = {
horizontalAlign: Tailwindest["justifyContent"]
}
@@luisrudge Po era isso mesmo, valeu
Cara pq você tem poucos vídeos? São essenciais!
Opa, obrigado demais pelo comentário! Eu fiz vídeos de tecnologia que domino e uso no dia-a-dia. Por isso consigo condensar as informações mais importantes em um vídeo rápido e direto ao ponto. Não conseguiria fazer o mesmo com outras tecnologias que tenho menos conhecimento, por isso não faço vídeo sobre tudo que existe por aí hehe. Estou pensando em fazer vídeos mais longos pra compartilhar como eu gosto de trabalhar, mas ainda tô pensando em como entregar os vídeos de uma forma que não fique maçante.
Que delícia de conteúdo meu amigo. Muito obrigado por disponibilizar!
Valeu pelo comentário!
Que video bom, direto e bem explicativo ,indo pra prática. Uma pergunta, você acha que no mercado front-end atual, seria mais interessante aprender tailwind ou bootstrap ? (tirando preferências e focando em demanda)
Valeu, Matheus! Eu realmente não sei como está no Brasil, mas posso te dizer que no mercado norte americano, mais e mais vagas estão sendo criadas pedindo experiência com Tailwind CSS (ou colocando como nice-to-have). Uma diferença nas vagas é que as vagas que pedem Bootstrap, normalmente é pra trabalhar com projetos legados, dar manutenção etc.
@@luisrudge entendo amigo, muito obrigado. Tava em dúvida, mas tinha achado o tailwind mais interessante kk