Skip to content

Latest commit

 

History

History
133 lines (94 loc) · 4.73 KB

README-fr.md

File metadata and controls

133 lines (94 loc) · 4.73 KB
Raw

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

Gitter Commitizen friendly

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

Code and documentation copyright 2018 B.C.Rikko. Code released under the MIT License. Docs released under Creative Commons.

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 !