# Qu'est-ce que Utility-first ?

Il s'agit d'une approche permettant de créer rapidement des styles à l'aide de petites commandes (classes) fonctionnelles prédéfinies lors de la conception.

## Définition
Au lieu d'écrire de longs codes CSS pour chaque élément, vous créez le design en combinant de petites commandes prêtes à l'emploi telles que « couleur bleue », « marge-10 ». Cette méthode garantit un développement cohérent et rapide de la conception.

## Comment ça marche
Vous ajoutez des balises courtes dans vos codes HTML qui spécifient à quoi ressemblera le design.

## Où est-ce utilisé
Il est fréquemment utilisé dans la conception Web moderne et notamment dans les bibliothèques telles que Tailwind CSS.

## Souvent confondu avec
Il peut être confondu avec le framework CSS ; utility-first est une méthode, tandis que le framework CSS est l'outil qui implémente cette méthode.

## Questions fréquentes
**Le code ne semble-t-il pas trop chargé ?**
Cela peut paraître tel au premier abord, mais c'est un grand avantage de pouvoir voir l'intégralité du design en un seul endroit sans basculer entre les fichiers.


## Termes liés
- [CSS Framework](/fr/dictionary/css-framework/)
- [Frontend Stack](/fr/dictionary/frontend-stack/)
- [User Interface](/fr/dictionary/user-interface/)

## Outils liés
- [Tailwindcss](/fr/discover/tailwindcss/)

---
Source : TreScout Glossaire · https://trescout.com/fr/dictionary/utility-first/