Chapitre 1 : Introduction à Tailwind CSS

1. La philosophie Utility-First

Contrairement à Bootstrap qui propose des composants pré-faits (comme btn-primary), Tailwind CSS propose des classes utilitaires atomiques (ex: bg-blue-500 rounded px-4 py-2).

2. Pourquoi Tailwind ?

• Vitesse de développement : Vous stylisez vos éléments sans jamais quitter votre fichier HTML.
• Pas de CSS personnalisé : Vous n'avez plus besoin d'écrire et de maintenir des fichiers CSS de 3000 lignes.
• Design System intégré : Pas besoin de choisir vos couleurs ou vos espacements au hasard, tout est déjà pré-configuré.
• Optimisation : Grâce à PurgeCSS, le fichier final est minuscule car il ne contient que les classes que vous avez utilisées.

3. Adieu les noms de classes complexes

Plus besoin de se demander si on doit appeler une classe product-card-wrapper-inner. On assemble simplement les utilitaires dont on a besoin.