https://github.com/edijunior88/tailwindcss_2_para_iniciantes
Tailwind CSS é basicamente um utility-first CSS framework que prioriza a construção ultra-rápida de interfaces customizadas.
https://github.com/edijunior88/tailwindcss_2_para_iniciantes
css css3 html html5 tailwind tailwind-css tailwindcss tailwindcss-v2 tailwindcss-v3
Last synced: 3 months ago
JSON representation
Tailwind CSS é basicamente um utility-first CSS framework que prioriza a construção ultra-rápida de interfaces customizadas.
- Host: GitHub
- URL: https://github.com/edijunior88/tailwindcss_2_para_iniciantes
- Owner: EdiJunior88
- License: mit
- Created: 2023-03-24T15:18:08.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T20:56:25.000Z (12 months ago)
- Last Synced: 2025-01-22T19:24:01.996Z (5 months ago)
- Topics: css, css3, html, html5, tailwind, tailwind-css, tailwindcss, tailwindcss-v2, tailwindcss-v3
- Language: HTML
- Homepage: https://edijunior88.github.io/TailwindCSS_2_para_Iniciantes/
- Size: 2.87 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Curso gratuito Tailwind CSS Versão 2.0
Tiago Matos
Tailwind CSS é basicamente um utility-first CSS framework que prioriza a construção ultra-rápida de interfaces customizadas.
É uma estrutura CSS de baixo nível altamente personalizável que fornece todos os blocos de construção de que você precisa para criar designs sob medida, sem nenhum estilo opinativo irritante que você precise lutar para ignorar.
Link do projeto: https://edijunior88.github.io/TailwindCSS_2_para_Iniciantes/
Tecnologias Utilizadas
- 
[JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
- 
[Tailwind CSS](https://tailwindcss.com) – Front-End Frameworks
- 
[GitHub Actions](https://github.com/features/actions) – Continuous Integration
Para ver todas as tecnologias [clique aqui](/techstack.md)
Versão Desktop
Versão Mobile
- #1 - Introdução e instalação
- #2 - Fontes e cores
- #3 - Espaçamentos
- #4 - Bordas
- #5 - Background
- #6 - Largura e altura
- #7 - Flexbox
- #8 - Grid
- #9 - Responsividade
- #10 - Estados hover, focus, etc
- #11 - Arquivo de configuração
- #12 - Modo noturno
- #13 - Criando classes customizadas
- #14 - Componente Card
- #15 - Componente Button
- #16 - Componente Badge
- #17 - Component input
- #18 - Componente Dropdown
- #19 - Criando uma tela de login
- #20 - Criando uma página de hotéis 1
- #21 - Criando uma página de hotéis 2
- #22 - Criando uma página de hotéis 3
- #23 - Criando uma página de hotéis 4
- #24 - Criando uma página de hotéis 5
- #25 - Criando uma página de hotéis 6
Tempo Estudando a documentação
