La méthode FUCSS

La méthode FUCSS (le 20/01/2014)

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.

FUCSS

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 :

FUCSS approved
(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 ?

Permalien :

Flux RSS des commentaires de ce billet : https://www.nicolas-hoffmann.net/rss/commentaires.php?id_news=1609

11 commentaires

Posté par Victor Brito le 20/01/2014 à 22:25:59
À noter que cette méthode est même rétro-compatible avec de célèbres frameworks CSS, comme Bootstrap, qui utilise !important « autant que possible ». (clin d’oeil)
Posté par Aurélien le 21/01/2014 à 14:19:08
Je revendique la paternité de cette méthode que j'utilise depuis ma plus tendre enfance !
Posté par Nico le 21/01/2014 à 14:21:16
Huhu, je dépose juste le nom, pas la méthode (grand sourire).

Ceci dit, vu l'âge du langage, tu dois être bien jeune (Sourire qui tue)
Posté par Ali le 22/01/2014 à 2:05:20
J'ai lolé, très efficace cette méthode!
Posté par tzi le 22/01/2014 à 11:27:50
Je suis tellement content de pouvoir ENFIN mettre un nom sur cette technique !
Merci Nico (grand sourire)
Posté par Frogweb le 22/01/2014 à 13:28:34
Salut,

ça s'apparente à une technique que j'ai pratiquée au début :
la méthode FALP (Fait Avec Les Pieds) ^^.
Posté par Daniel le 13/02/2014 à 22:24:10
Je tombe sur ce billet alors que je suis en train d'emboîter des kilomètres de divs pour faire une petite liste de rien du tout. Je faisais donc du FUCSS sans le savoir.
Posté par Gaël Poupard le 26/01/2015 à 10:56:33
Ça me rappelle aussi Béton.css, par un certain kaelig :3
Posté par Kaelig le 26/01/2015 à 12:44:52
Merci Gaël de le rappeler. En effet Béton.css est 837% meilleur que Bootstrap en implémentation SSII enterprise ready suivant la méthode FUCSS — https://github.com/kaelig/Beton.css
Posté par Nico le 26/01/2015 à 13:22:36
Fier d'avoir apporté ma modeste pierre à l'édifice Béton (sourire)
Posté par Ahmed le 24/05/2016 à 8:22:29
Cette méthode devrait être revendiquée par le client final, il a toutes les qualifications et la légitimité (sourire)

Ajouter un commentaire









L'option « Se souvenir de mes informations » utilise un cookie, elle ne sera pas effective si vous les avez désactivés.

Les balises HTML ne seront pas interprétées, il est donc inutile d'en mettre. Par contre, les sauts de lignes de votre commentaire seront pris en compte, ne mettez donc pas de <br />, le site s'en chargera. Bien sûr, un commentaire vide ne sera pas ajouté !

L'auteur (autrement dit moi) n'est pas responsable des éventuelles fautes d'orthographe dans les commentaires.
Tout propos raciste et/ou insultant sera supprimé sans préavis. Les commentaires hors de propos destinés à faire de la pub pour des sites seront également supprimés sans ménagement.

Je vous prie de me pardonner, j'ai énormément de mal à lire le "langage" SMS, il n'est donc pas du tout interdit de s'abstenir de l'utiliser. Qui plus est, vous avez sûrement un clavier digne de ce nom et pas celui d'un téléphone portable. Ne vous gênez pas pour utiliser l'option "Prévisualiser" si vous voulez vous relire avant de poster, je vous en remercie d'avance !

Cet article a été écrit par Nicolas Hoffmann.

Ce site est la propriété de Nicolas Hoffmann.
Tous droits réservés, les textes du blog sont publiés sous licence CC BY-NC-SA.