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: https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
- Plugin para ordenar as classes no html: https://github.com/tailwindlabs/prettier-plugin-tailwindcss
#tailwindcss
#css
#webdevelopment
#frontend
Que tal me seguir no twitter? https://twitter.com/luisrudge