Introduction
  • Introduction
Configuration de Tailwindcss 2
  • Mise en place de l'environnement
  • Comment fonctionne Tailwindcss?
  • Le transformateur Tailwindcss
La pratique
  • Le squelette de notre page web
  • Ajoutons notre fichier CSS et nos images
  • Les couleurs et tailles de polices
  • Ajoutons les couleurs
  • Ajoutons les tailles de textes
  • Les margins et les paddings avec Tailwindcss
  • Ajoutons nos margins et paddings
  • Les borders avec Tailwindcss
  • Ajoutons les borders
La pratique plus avancée
  • Le fichier de configuration Tailwindcss
  • Notre première configuration personnalisée
  • Ajoutons des fonctionnalités à Tailwindcss
  • Ajoutons une police personnalisée avec Tailwindcss
  • Flexbox avec Tailwindcss
  • Les classes responsives avec Tailwindcss
  • Créons une carte avec Tailwindcss
  • Créons un badge avec Tailwindcss
  • Les directives avec Tailwindcss
  • La mise en page et les grids avec Tailwindcss
  • Les boutons avec Tailwindcss
  • Les icons avec Tailwindcss
  • Les effets d'hover avec Tailwindcss
  • Créons un menu responsive avec Tailwindcss - Version ordinateur
  • Créons un menu responsive avec Tailwindcss - Version mobile
  • Créons un menu responsive avec Tailwindcss - Ajoutons du javascript
  • Les transitions et animations avec Tailwindcss
Conclusion
  • Conclusion