Comme c’est la grande mode de sortir des noms pour les méthodes CSS (SMACSS, OOCSS, BEM, etc.)… hé bien, j’ai décidé de déposer un nom pour une méthode CSS.
Cette méthode est la plus répandue en matière de CSS (même si heureusement elle perd du terrain), et personne n’avait pensé à lui donner un petit nom. Historiquement, elle est rétro-compatible avec toutes les nouvelles méthodes, y compris avec les pré-processeurs.
C’est une sous-implémentation de la norme ISO-1664, aussi appelée méthode de la Rache.
Le nom de cette méthode est FUCSS, pour Fully-Unordered CSS, prononcez « f*cks ». Elle est également compatible avec l’approche FESS.
Comme son nom l’indique (enfin si vous parlez anglais), c’est quand votre CSS est un joyeux tas d’immondices impossible à maintenir, et, très important, en bordel le plus incompréhensible et le plus inmaintenable. Il est donc conseillé :
- d’ajouter des propriétés dans tous les sens, on s’en fout tant que ça marche ;
- d’utiliser
!important
autant que possible ; - de ne surtout pas indenter le code ;
- au pire, si vous êtes forcé d’indenter, autant le faire de manière anarchique ;
- côté gestion des préfixes, encore une fois, l’ordre importe peu ;
- etc.
Afin de faciliter la communication sur cette approche, voici une image pour estampiller la marque :
(images créées par Fabien Sauter)
À apposer sur les pires CSS que vous trouverez, ou sur les horreurs qu’un projet mal ficelé vous aura fait faire. Là, vous aurez le droit, quand on vous refile ce genre de projet, de vous écrier « what the FUCSS ! ».
Et vous, avez-vous pratiqué ou dû reprendre une CSS faite en approche FUCSS ?