Template des éléments HTML5

Ce billet date de plusieurs années, ses informations peuvent être devenues obsolètes.

À chaque fois que réfléchis à un redesign de mon site, je commence par travailler sur le style CSS des éléments HTML de base.

Il y a plusieurs écoles et certains ne travaillent qu'avec des classes ou utilisent des méthodes plus récentes comme BEM etc. En solo, je sais que je serai seul à maintenir mes CSS du coup je sais aussi que je ne me ferai pas mordre par la cascade.

Je cherchais un template de base avec tous les éléments HTML5 mais il n'existe pas grand chose. Le truc le plus pertinent que j'ai trouvé est sur Stack Overflow.

Du coup j'ai commencé à en faire un moi même. De temps en temps j'appliquais la feuille de style d'un framework CSS pour voir ce qu'il faisait avec les éléments de base et trouver des idées. Et puis finalement j'ai décidé de faire la teuf comme si on était en 2001 et j'ai ajouté un style switcher pour voir le résultat en direct.

Comme j'ai trouvé le résultat assez fun, je l'ai poussé sur GitHub.

Et maintenant, il ne me reste plus qu'à trouver la motivation suffisante pour aller au bout de mon redesign :)

Avant Reproduction du Super Mario d'Olly Moss Après Utiliser PostCSS Preset Env vite fait bien fait

Tag Kemar Joint