Un design system pour concevoir des interfaces qui ressemblent à Windows 98

C’est une ressource qui plaira aux designers et aux développeurs front-end les plus nostalgiques : 98.css permet de recréer facilement une interface qui rappelle le meilleur des systèmes d’exploitation, nous parlons évidemment de Windows 98.

Les design system sont désormais légion : ils facilitent la conception d’interfaces cohérentes en régissant la forme et le comportement d’un ensemble de composants. Celui proposé par Jordan Scales ne déroge pas aux règles classiques des design systems.

On retrouve les principaux composants et leurs états : un bouton (état standard, cliqué, désactivé, focus), une série de cases à cocher et de puces de type radio, des champs texte et paragraphe, des sliders (effet wow garanti), des listes déroulantes, la mythique title bar des fenêtres de Windows 98 et leur beau dégradé bleu qui tranche avec le gris…

Le design system est présenté, avec tous les détails nécessaires, sur le site 98.css. Les personnes intéressées peuvent télécharger le fichier CSS correspondant pour commencer à créer des interfaces en utilisant ce modèle. Cette librairie est bien évidemment conçue pour être utilisée avec du HTML sémantique. Pour inclure un bouton dans votre interface, vous n’aurez ainsi qu’à utiliser la balise <button> et ainsi de suite. Toutes les ressources utiles (documentation, icônes par défaut, et même la police MS Sans Serif…) sont disponibles sur GitHub.