Avis aux amoureux de rétro gaming
Si vous aimez la NES, cet article s’adresse à vous ! NES.css est un framework CSS inspiré du design de la NES et du pixel art ! Il vous permet de créer des applications web reprenant l’affichage caractéristique de la console notamment en terme de boutons, de fenêtres, d’icônes de textes.
C’est un framework open-source et sous licence MIT : vous pouvez l’utiliser, le modifier dans tous vos projets qu’ils soient commerciaux ou non. Vous pouvez avoir un aperçu en cliquant ici et retrouver le Github du projet ici.
Il ne propose pas beaucoup d’éléments, cependant l’idée est super cool, surtout si on est un nostalgique de rétro-gaming. Il met à disposition suffisamment de choses pour des petits projets web : des champs de formulaires, des icônes et quelques polices d’écriture.
Pour le télécharger et l’installer (en ligne de commande) :
npm install nes.css
Pour l’insérer dans votre document puis l’utiliser :
<link href="./css/nes.css" rel="stylesheet">
Via CDN :
<!-- minify -->
<link href="https://unpkg.com/nes.css@1.0.0/css/nes.min.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />
À noter : ce framework est compatible avec les versions récentes de Chrome, Firefox et Safari, mais pas testé sur IE/Edge.
Voici quelques aperçus :
N’oubliez pas : restez créatifs !
Sources :