Tailwind CSS - Curso rápido

[@Coastony]

Assistindo em 2023! Didática incrível! 🚀

[@renatorodrigues2466]

O layout é muito bacana, hoje existe bastante conteúdo sobre bootstrap, seria interessante um curso focado com o tailwind, nesse curso mostrando a criação de um projeto que tenha formulário, paginações, modais e abas. Parabéns pela iniciativa.

[@RicardoSanches]

Obrigado pela sugestão

[@rhettconrad1544]

you all prolly dont care but does someone know a method to log back into an Instagram account..? I was dumb lost the login password. I love any tips you can offer me!

[@edwardcason721]

@Rhett Conrad instablaster :)

[@rhettconrad1544]

@Edward Cason thanks so much for your reply. I got to the site thru google and im waiting for the hacking stuff now. Takes a while so I will reply here later when my account password hopefully is recovered.

[@rhettconrad1544]

@Edward Cason It did the trick and I actually got access to my account again. Im so happy:D Thanks so much you saved my ass :D

[@CledilsonNascimento]

Que vídeo massa. Detalhe pra quem está vendo o vídeo em 2021. Nas versões mais novas o PurgeCSS já vem no TailwindCSS, é só configurar no tailwind.config.js seus arquivos html e/ou js, jsx... e definir a variável de ambiente NODE_ENV=production. Quebrei a cabeça nessa parte do vídeo, até encontrar essa atualização. Valeu pelo vídeo, cara!

[@brunokcampos]

assistindo em 2024 otima didatica até eu que sou lento aprendi com voce obrigado por compartilhar.

[@marcosissler]

Parabéns e obrigado. Muito bem explicado. Precisava de um resumo rápido.

[@ricardoharthmann]

Muito bom este seu vídeo, bem abrangente para começar a usar o recurso. Parabéns!!!!

[@ribafs]

Muito bom. Gratidão. Gostaria de ver mais sobre o railwind

[@carloszetula2307]

Muito legal seu video! Muito interessante o Tailwind, continua a serie vai ser muito legal! 👍

[@RicardoSanches]

Valeu, vou criar mais vídeos 😁

[@danilonilo982]

Top cria usando ele ai de novo

[@leonardotoqueton371]

cara, muito obrigado pela aula de verdade

[@guilhermeborba3262]

Excelente material, gostaria de ver mais.

[@marcosrnuness]

Muito bom, esse sim merece um curso completo!!!

[@betogroo]

Realmente um vídeo muito bom,. Está de parabéns.

[@aroldowsilva1741]

Melhor vídeo de Css

[@_damacena]

Cara, muito bom esse vídeo, serio, faz mais conteúdo sobre o Tailwind, ficou muito muito bom mesmo esse vídeo!!

[@Dagostinho]

Gostei, foi muito proveitoso para mim.

[@vicentepaiva9890]

Muito bacana, parabéns.

[@nilmendes7710]

Foi uma boa introdução. Sim, se possível a continuação deste tema. Ajudou bastante! Obrigado!

[@josuebarros-desenvolvedorw2490]

Valeu pela dica! Acho que vou usar ele junto com Laravel

[@lpelegrinidev]

Não retirem a borda azul do foco, isso é essencial para acessibilidade, pessoas que só navegam com o tab. O curso tá ótimo, só achei que tu mostrou mais seu conhecimento na documentação, podia explicar mais o que cada classe faz no caso. Mas tá muito bom, valeu

[@omentortech-acervo]

Obrigado pela sacada, amigo

[@mutv70]

O recomendado é mudar o estilo da borda, pq o padrão é bem feio, vário sites fazem isso, deixa algo mais discreto porém mais acessível.

[@renanlima.7]

Ajudou muito, meu bom. Sucesso!

[@edu.paixao]

Ótimo vídeo!!

[@LCQuinhone]

bom vídeo, esperando mais

[@carlosalexandresouza3825]

Sensacional !!!!!!!!!!!!

[@paulorobertosallesdossanto6616]

Muito boa essa abordagem sobre TailwinCss Ricardo. Espero novos vídeos e se possível utilizando outros componentes em pequenos projetos. Parabéns.

[@WDKDE]

Espetacular, muito obrigado pelo vídeo! Parece que eles tiraram algumas opções de cor de bg, não deu boa comigo usar o bg-teal.

[@monesiglio]

Muito Interessante. Caso seja possível, sim, vamos estudar a criação de NAVBAR, e muitos mais ferramentas. Por favor!.

[@jorgeluizplautz6890]

Parabéns. Um otimo conteudo😢 seria muito bom ter outras lives.

[@danilonilo982]

Muito bom depois cria mais esse conteúdo

[@ThiagoPintoDias]

Muito bom, parabéns!

[@kelvinmatheus362]

Muito boa a aula bem explicada e abrindo as perpesctivas sobre o tailwind

[@WendellGaldino]

Cara, seus videos são incríveis e sua didática é top também, parabéns! Estou seguindo a playlist de Bootstrap 4 + Wordpress e tem me ajudado bastante, tô começando agora nessa vida!! Grande abraço

[@walterbaleco299]

Obrigado por compartilhar seu conhecimento, foi muito claro e direto na forma de transmitir as informações. Gostaria muito que você continuasse a disponibilizar conteúdo sobre o Tailwind.

[@rodrigosousa4102]

Parabéns cara. Muito bem explicado, gostei muito

[@felipepimenta6319]

Cara, muito bom! Comecei a estudar CSS mais a fundo recentemente, e me interessei pelo Tailwind. Esse vídeo, mesmo que seja simples, me ajudou bastante, e se você puder fazer mais vídeos sobre PostCSS e Webpack, será de imensa ajuda. Obrigado!

[@RicardoSanches]

Essa semana sem falta

[@mysiasantana]

Excelente video. Muito obrigada por fazer algo tao bem explicado (pass o a passo).

[@michelsouza9609]

Conteúdo excelente, parabéns, estava começando com Tailwindcss e já me clareou absurdamente a mente. Novamente, obrigado!

[@NandoPuretz]

Toppp!!! agora com o Laravel 8 recomendando o Tailwind CSS, esse framework deve voaaar!!

[@felipegoulart859]

Conheci o canal agora e gostei bastante da didática. Parabéns pelo trabalho. Quero mais conteúdo do Tailwind e Postcss

[@wendelm.goncalves5160]

Parabéns pelo conteúdo, o vídeo passa uma boa noção do "poder" do tailwind css.. Ansioso por mais conteúdos a respeito.

[@jeffersongoncalvesbotelho9757]

Muito massa o vídeo cara, parabéns. Comecei a me aprofundar em CSS e sua explicacaobfoi muito boa. Valeu demais!!!

[@goncalodumas]

Ricardo, bom tutorial! Obrigado!

[@moisesfausto883]

Opa... logo nesse inicio eu tive uns probleminhas com dependência, resolvi instalando: npm install autoprefixer@^10.0.2 npm install postcss@^8.1.0 Apesar de eu tê-las, estava informando que faltava as mesmas, se alguém passar pelo mesmo problema já sabe. Ótimo curso, parabéns!

[@jefersonfernandes2458]

Ótimo vídeo! Obrigado pelo conteúdo e explicações boas. Gostaria de mais conteúdos sobre o tailwindcss sim :)

[@MichelLeal]

Parabéns, show.

[@felipelho0o]

Da seguimento nessa série sim! Bom vídeo

[@AlexsandroPereira]

Gostei bastante, por favor cria mais conteudo sobre CSS.

[@iguijcp]

Ótimo vídeo Ricardo, tenho muito o que aprender em CSS ainda, e trabalhando com o Tailwind vai ser muito legal de aprender.

[@gabrielyscheleider5401]

Top, traz agora como deixar mais funcional esse menu integrando com JS

[@danieloptc]

Ricardo Sanches é sensacional, minha meta é chegar no nível dele, INSPIRAÇÃO !

[@marchonnf]

Muito bom conteúdo. Se possível continua a série.

[@welingtonalmeida3248]

Cara. talvez tenha alguma coisa errada com meu tailwind. eu fiz o precesso certinho, e o meu build só criou um arquivo com 447 linhas

[@metromota]

Seria interessante fazer um mini cursinho, pois não é um conteúdo disponível em português. Procurei cursos on-line e não encontrei ainda. :/

[@flauberthenriques8241]

Sensacional, gostei muito deste Tailwind css. Gostaria sim de mais cursos sobre ele, purgecss... Enfim, seus cursos como sempre são excelentes.

[@fabio5antos]

Adicionei no meu repositório do Git o tutorial - github.com/fabiosant2005/tailwindcss acessa lá

[@flauberthenriques8241]

@@fabio5antos Show Fábio!! Agradeço muito por se lembrar de mim!! Sábado eu estive estudando o Tailwindcss e a documentação é extensa. Achei este vídeo em espanhol: kzbin.info/www/bejne/rn-WqGdvgbiAj9E este vídeo explica como implementar o purgecss no Bootstrap 4. O único problema é que o vídeo não ensina como colocar o cssnano e o autoprefixer, que é muito importante também. Não manjo de javascript ainda, mas pode ser que te ajude nos projetos de Bootstrap 4. Eu vou começar à treinar com o tailwindcss localmente essa semana.

[@fabio5antos]

@@flauberthenriques8241 Show cara... Vou dar uma olhada no vídeo. Tô quase abandonando o Bootstrap, quer dizer... Se resolvermos esse lance do cssnano e autoprefixer kkkkkkkkk Tô brincando agora com Modal no TailWind... Vai acompanhando as modificações lá no meu GIT.

[@flauberthenriques8241]

@@fabio5antos Também estou neste processo de abandonar o Bootstrap. Mas é sempre bom ter ele guardado com um purgecss, cssnano e autoprefixer, para os projetos que o cliente insistir que quer o Bootstrap, rsrs!! No resto vamos de Tailwincss ;-) o conteúdo que o Ricardo Sanches nos trouxe do Tailwincss foi Espetacular, mesmo sendo um curso rápido. Já estou seguindo o seu Github e o do Ricardo também.

[@gabrielyscheleider5401]

Muito top, trás mais coisas desse framework maravilhoso!

[@alaelciolucas6838]

Muito bom faz mais aulas !!

[@Teclia]

Excelente! Parabéns!

[@alberto3641]

Qual o tema do seu VS Code? Achei bem bonito esse.

[@simaofonseca8565]

Parabéns pelo vídeo Ricardo, muito bom. Estou com um pequeno probleminha, a minha tela não divide na vertical e sim na horizontal, fica a parte do bem-vindo em cima e o card de credenciais em baixo. Comandos estão idênticos aos do vídeo, alguém teria como me dar um help? haha, grato!

[@danieloptc]

Navbar,footer e forms etc... seria bacana trazer com esse framework !

[@iury664]

no meu o resultado disso ai foi um retangulo azul até o final da tela com uns 100 px de altura la no top como se fosse a header e abaixo toda a tela com a cor indigo-100. Não ficou em coluna na esquerda azul e na direita indigo.

[@iury664]

é como se só estivesse pra mobile first, não está pegando o large screen quando aplia pra 1200px ou mais

[@Brunodelucasdev]

Como que sai assim certinho as info no seu terminal do vscode? no meu sai um amaranhado de coisas tudo bagunçado e me perco sempre

[@vicyoslinuxofficial2607]

Man, qual é o tema que você está custando no seu vc code?

[@AlexandreBocuto]

Ei Sanches faz um vídeo mostrando XD + tailwind + Pug. :-)

[@kbarreto]

Foda!

[@thiagolinhares8546]

Mestre precisei editar uma font no meu tailwind, adicionando umas fontes otfs que tinha mas não estou conseguindo buildar minha aplicação com elas já tentei vários comandos como "npx tailwindcss build css/tailwind.css -o public/tailwind.css" e nada dá certo, smp que rodo o 'yarn serve' aparece "CSS change detected public/build/tailwind.css" alguma dica doque se possa fazer?

[@RavnosPKR]

Quantas abstrações que esse framework faz, fico pensando será que não é mais facil fazer o css na unha?

[@reuelsiIva]

instalar o tailwind em um projeto ja existente é o mesmo processo?

[@linkopaladino]

Que vídeo maravilhoso e perfeito, me ajudou muito, mano que Jesus te abençoe muito!!! no VS code tem plugins que completa oque você vai digitar ajuda bastante ! A cor "teal" não achei no bg não sei porq, será que tem que configurar ela ? tem mais videos sobre Tailwind css?

[@mayconyamamotto4026]

Foi retirado na v2, a versão que ele está utilizando é a v1.9 (ele gravou ano passado)...

[@renatorodrigues2466]

Um questionamento é que com Angular conseguimos indicar qual o tipo de design queremos utilizar (Material ou Bootstrap) é possível utilizar o Tailwind tb ?

[@RicardoSanches]

Pretendo fazer um vídeo sobre isso tá

[@CanaldoNoturno]

Vale a pena aprender esse framework? Visto que o bootstrap meio que "domina" o mercado, ainda mais quando se trata de vagas de emprego, nem o materialize pede tanto. Provavelmente irei aprender esse porque não gosto muito de seguir o fluxo de todos, mas a dúvida fica nisso. Muito vlw por trazer um ótimo conteúdo.

[@RicardoSanches]

Vale a pena demais aprender esse framework, sim Vai ser muito útil

[@CanaldoNoturno]

@@RicardoSanches Suave então, vlw mesmo.

[@CanaldoNoturno]

O sistema de grid dele é igual do bootstrap?

[@CanaldoNoturno]

@pwcodigo É parecido sim.

[@nayanaloivos]

AVISO IMPORTANTE: As notificações do site onde se geram as fotos fake, não devem ser permitidas, são maliciosas.

[@gabrielleite5990]

O meu não builda nem com reza! a extenção PRETTIER NÃO PODE formatar 'src\main

[@novocanal7153]

Todo cara de ti é Ricardo kkkkk

[@brunosantanamds]

A didática é excelente porém do jeito que fala parece que o curso é para quem já tem entendimento do tailwind, por exemplo a instalação eu não entendi nada.

[@lucasfrutig4945]

muito bom, duro são essas propagandas de wix ai aff

[@38902]

Rua f❤😅😅e 😅😅

[@38902]

😮 Ferreira de Almeida

[@DouglasSantosTI]

Prefiro css sem essas frescuras.

[@iury664]

npx tailwindcss build ./src/main.css -o ./src/style.css esse comando da um erro, cria um style vazio. na doc ao invés do build está um -i