DEV Community

Discussion on: Utility-first CSS : on va dans le mur ?

Collapse
olyno profile image
Olyno

Je pensais moi aussi qu'il s'agissait d'une parodie, mais force de constaté que seul Tailwind en est une. Tailwind:

  • Est compliqué à setup
  • Possède une documentation très bancale
  • Ne possède pas de raccourcis pratique
  • Possédait un cold start de 1 minute

J'utilise depuis un moment maintenant WindiCSS, qui est basé sur Tailwind mais :

  • Possède des raccourcis pour le responsive : <md:bg-blue-500 bg-blue-300
  • Est très simple à setup
  • Possède un cold start de 0
  • Contient une documentation fournie en exemple et fonctionnelle
  • Permet à moi ou mes équipes de devs de pouvoir avoir une documentation déjà toute faite, sans à s'ennuyer à leur expliquer les différentes classes disponible

Force de constater que créer des class css met le bazar dans les différents projets, ne sachant plus forcément à quoi servent chacune des class, chose que Tailwind (Windi dans mon cas) résout.

Collapse
enguerranws profile image
Enguerran Weiss Author

Et vous utilisez ça accompagné de quelle techno pour rendre le HTML ?

Collapse
olyno profile image
Olyno

Tout dépends des projets, mais soit un projet avec ViteJS, soit Svelte Kit. Dans tous les cas, Svelte kit est aussi basé sur Vite