Ouvrir le menu principal

MacGeneration

Recherche

System.css donne un look Système 6 à vos sites web grâce à une simple feuille CSS

Félix Cattafesta

jeudi 20 novembre 2025 à 16:10 • 6

Ailleurs

Si vous avez envie de donner un look rétro à votre site, voici une trouvaille intéressante dénichée par Korben : une feuille de style CSS qui permet de donner à n’importe quel site web une interface Apple des années 1980. Disponible sur GitHub, system.css s’inspire du design monochrome du Système 6, le dernier système d’exploitation d’Apple en noir et blanc.

Son créateur Sakun Choudhary met en avant sa simplicité étant donné que le projet n’utilise pas de JavaScript. Il suffit d’installer le fichier pour que les boutons, champs de texte, menus déroulants et autres fenêtres du site récupèrent un look délicieusement rétro. Le tout est compatible avec React, Vue ou Svelte en plus du simple HTML.

System.css peut s’installer aussi bien via un simple lien CDN que sous forme de package npm, ce qui facilite son intégration dans des projets modernes. Le projet reste officiellement en bêta et s’inspire notamment de la bibliothèque 98.css, avec des polices recréées dans l’esprit des historiques Chicago et Geneva. La plupart des styles peuvent être surchargés, permettant d’adapter ce vernis rétro aux besoins d’un site sans forcément sacrifier toutes ses habitudes d’ergonomie moderne.

Sa grande compatibilité en fait un outil intéressant pour ceux qui souhaitent habiller un projet personnel, un portfolio ou une démo technique sans avoir à trop se prendre la tête. Une page de démo est en ligne pour vous faire une idée de ce à quoi ça ressemble. C’est loin d’être le premier du genre : il y a aussi de quoi donner à votre site un look MS Dos , Windows 95, Windows XP ou encore Windows 7.

illustration ulule

Pour les 50 ans d’Apple, MacGeneration publie un livre événement

Précommandez-le dès maintenant et profitez-en pour découvrir nos nouveaux goodies, ou prolonger votre abonnement au Club iGen à tarif réduit.

Découvrez nos offres

Précommandez le livre et rejoignez la fête

Un livre pour raconter 50 ans d'Apple, une journée à Lyon pour les célébrer ensemble.

Participez sur Ulule

Apple enterre le Mac Pro sans fleurs ni couronnes, après 20 ans de carrière

26/03/2026 à 23:07

• 18


Apple sort le carnet de chèques pour garder ses ingénieurs iPhone

26/03/2026 à 22:10

• 5


Test de l'Apple Studio Display XDR : un concentré de technologies, mais pour qui ?

26/03/2026 à 20:30

• 15


50 ans d’Apple : J-7 pour commander notre livre (et gagner un MacBook Neo pas comme les autres)

26/03/2026 à 19:04

• 32


Le MacBook Neo a moins de capteurs : il ne mesure pas l'angle de l'écran et ne pèse pas avec son trackpad

26/03/2026 à 18:55

• 33


Des MacBook Air M1 256 Go à partir de 357 €

26/03/2026 à 17:40

• 0


Samsung n'abandonne pas encore les SSD SATA et lance même un modèle 870 EVO de 8 To

26/03/2026 à 17:05

• 16


25 ans de Mac OS X : de 10.3 à 10.6, le temps de mûrir, pour mieux enterrer le PowerPC

26/03/2026 à 16:49

• 21


Trop risqué et trop coûteux : le mode coquin de ChatGPT mis en pause « indéfiniment »

26/03/2026 à 15:53

• 32


Free promet une « nouvelle révolution mobile » le 31 mars

26/03/2026 à 15:31

• 59


Pourquoi les lunettes connectées ne détrôneront sans doute pas le smartphone

26/03/2026 à 12:18

• 30


Safari 26.4 apporte de nombreuses nouveautés aux créateurs de sites web

26/03/2026 à 11:47

• 15


La guerre des prix sur les produits Apple est lancée entre Joybuy et Amazon

26/03/2026 à 11:21

• 12


Mahsa Alert : l’app que personne ne devrait avoir à installer

26/03/2026 à 09:48

• 32


Honda rétrograde sur l'électrique et envoie à la casse la voiture imaginée avec Sony

26/03/2026 à 08:38

• 78


Portrait d’un « Apple Pin » : à quoi faut-il s’attendre pour le futur compagnon de l’iPhone ?

26/03/2026 à 08:21

• 29