Il existe de nombreuses raisons pour lesquelles vous devriez commencer à utiliser Tailwind CSS dans vos projets, mais je vais me concentrer sur trois d’entre elles dans cet article.
Si vous ne connaissez pas Tailwind CSS, il s’agit d’un framework CSS axé sur l’utilité qui vous permet d’écrire du code évolutif et modulaire tout en réduisant votre temps de développement et de conception. Mais ne me croyez pas sur parole, regardez les milliers de développeurs qui utilisent Tailwind !
Il est gratuit, open-source et sous licence GPL
Tailwind CSS est un logiciel libre, open-source et sous licence GPL. Il s’agit d’un framework CSS utilitaire pour le prototypage rapide, et il est construit sur Sass.
Il est livré avec un ensemble de composants modulaires prêts à l’emploi qui peuvent être utilisés dans n’importe quel projet Web. Cette libraire dispose d’une très bonne documentation en ligne qui explique comment démarrer avec le framework.
Tailwind CSS simplifie l’utilisation des CSS dans vos projets.
Tailwind fournit les outils essentiels dont vous avez besoin pour garder le contrôle de votre CSS.
Vous pouvez gérer des projets complexes avec facilité et avoir un aperçu de ce qui se passe dans votre code. Boîte à outils complète pour créer et maintenir une belle base de code, Tailwind est une collection de toutes les meilleures pratiques, modèles et utilitaires que j’ai trouvés utiles dans mon travail quotidien de concepteur de sites Web.
J’apprécie particulièrement le fait que Tailwind n’est pas un nouveau langage, ni une couche supplémentaire au-dessus de CSS. C’est simplement CSS, mais avec un tas d’idées vraiment intéressantes intégrées.
Cela signifie que les éléments qui sortent de l’autre côté fonctionnent exactement comme on s’y attend : c’est du CSS normal !
Tailwind CSS est simple à installer et à apprendre
Tailwind CSS possède de nombreuses fonctionnalités qui le rendent facile à utiliser et à apprendre. Il est plus avancé que Foundation, mais pas aussi compliqué que Bootstrap.
Si vous recherchez quelque chose entre les deux, Tailwind est le choix idéal. Il est également très rapide. Tailwind CSS est livré avec un CLI intégré, de sorte que vous n’avez même pas besoin d’installer quoi que ce soit sur votre ordinateur pour commencer à l’utiliser.
La version gratuite vous donne tout ce dont vous avez besoin pour vous lancer et utiliser Tailwind pour créer vos propres thèmes personnalisés ou même simplement pour accélérer votre processus de développement.
Comment fonctionne Tailwind ?
Tailwind est essentiellement une collection d’outils qui offrent des fonctionnalités liées à l’écriture de CSS. Par exemple, l’utilitaire offre un service appelé Autoprefixer ; cette fonctionnalité ajoute automatiquement les préfixes des fournisseurs aux règles CSS selon les besoins.
De même, Tailwind propose un autre outil appelé PostCSS Autoprefixer ; cette fonction analysera vos fichiers CSS avec PostCSS, puis exécutera Autoprefixer sur la sortie du fichier. Comment démarrer avec Tailwind ?
Le guide officiel du site Web de Tailwind fournit des instructions étape par étape pour installer l’utilitaire dans votre projet : https://tailwindcss.com/getting-started/installation/.
Outre le guide d’installation, vous trouverez une documentation détaillée sur toutes les fonctions de Tailwind.
Tailwind existe en deux versions : Tailwind Free et Tailwind Pro. Il existe deux différences majeures entre les versions gratuite et pro :
- la version gratuite n’est pas fournie avec un compilateur Sass.
- La version gratuite comprend un nombre limité de mixins (c’est-à-dire qu’elle ne prend pas en charge toutes les fonctionnalités).
Conclusion:
Je ne peux pas dire avec 100% de certitude que Tailwind CSS sera l’outil parfait pour vous. Il se peut même qu’il ne vous convienne pas. Mais si vous faites un tant soit peu de marketing sur les médias sociaux, il vaut vraiment la peine de le découvrir. D’innombrables heures (littéralement) ont été consacrées à l’amélioration de cet outil, et sa valeur est évidente.
Si vous utilisez Tailwind CSS, vous l’aimez et vous voulez le montrer. Si vous ne l’utilisez pas, je vous encourage à l’essayer. En tant que développeur front-end, vous admirerez la créativité de ses mises en page et la fonctionnalité inégalée de sa conception axée sur la performance.
Tailwind est également très facile à prendre en main grâce à des tonnes de tutoriels en ligne. Si vous n’avez pas encore essayé cette plateforme, c’est le moment !
Au final, Tailwind CSS vous permettra d’en faire plus en moins de temps. Ce n’est peut-être pas un plugin très prestigieux, mais il fait tout ce que vous voulez – et à mon avis, c’est tout ce qui compte.
