nostalgic-css/NES.css

nostalgic-css/NES.css has 21,852 GitHub stars and 1,681 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-07 11:33 UTC. Last push 2024-01-17.

Comment ces chiffres sont mesurés

Framework CSS de style NES

21,852 étoiles 1,681 forks

Progression mesurée des étoiles

in 24h: 0
in 7 days: Mise à jour retardée
in 15 days: Mise à jour retardée
in 1 month: Mise à jour retardée

Variations nettes sur des périodes qui se chevauchent, pas des totaux quotidiens. Les mesures absentes restent vides. Les étoiles indiquent l’intérêt, pas la qualité.

.github/README-fr.md

Original

日本語 / 简体中文 / Español / Português / Русский / Français

NES.css est un framework CSS NES-style(8bit-like).

Installation

Styles

NES.css est disponible via npm (recommandé), Yarn, ou par CDN.

Par package manager

npm install nes.css
# or
yarn add nes.css

Notre package.json contient quelques metadata additionnelles au travers des clefs suivantes:

sass - Chemin vers le fichier source Sass principal
style - Chemin vers le CSS non minifié

AltCSS(sass, scss...)

// style.scss
@import "./node_modules/nes.css/css/nes.css"

JavaScript

// script.js
import "nes.css/css/nes.min.css";

Vous devez installer css-loader.

HTML

<!-- index.html -->
<html>
  <head>
    <link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
  </head>
  <body></body>
</html>

Par CDN

Importer le fichier CSS via la balise <link />:

<!-- minify -->
<link href="https://unpkg.com/[email protected]/css/nes.min.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />

Polices

NES.css ne fournit aucune police, nous maintenons cependant la liste des polices que nous recommandons dans le cadre de l'utilisation de notre librairie.

Language	Font
(Default)	Press Start 2P
English	Kongtext
Japanese	美咲フォント
Japanese	Nu もち
Korean	둥근모꼴
Chinese	Zpix (最像素)

Utilisation

NES.css fournit seulement des composants, vous devez définir votre layout/structure de page

La police recommandée pour l'utilisation de NES.css est Press Start 2P. Toutefois, Press Start 2P ne prend en charge que les caractères anglosaxons. Lorsque vous utilisez ce framework avec ds langues autre que l'anglais, nous vous recommandons d'utiliser une autre police. Suivez les instructions fournis par Google Font pour les inclure, ou utilisez la méthode ci dessous :

<head>
    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
    <link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />

    <style>
      html, body, pre, code, kbd, samp {
          font-family: "font-family you want to use";
      }
    </style>
</head>

CSS seulement

NES.css est constitué seulement de CSS et n'inclut ou demande aucunement du JavaScript.

Support des différents navigateurs

NES.css est compatible avec la dernière version des navigateurs suivants:

Chrome
Firefox
Safari

Non testé:

IE/Edge

Copyright and license

Developpement

Si vous êtes intéressé dans la participation à ce projet, nous accueillons les contributions de chacun et êtes les bienvenus ! Lisez le fichier CONTRIBUTING.md pour plus de détails et d'informations sur la manière de participer et nous aider à rendre NES.css encore plus incroyable !