nostalgic-css/NES.css

nostalgic-css/NES.css has 21,853 GitHub stars and 1,681 forks. GitHot measured +1 stars in 24 hours. Last checked 2026-11-08 10:29 UTC. Last push 2024-01-17.

Cómo se miden estas cifras

Framework CSS con estilo NES

21,853 estrellas 1,681 forks +1 in 24h

Crecimiento de estrellas medido

in 24h: +1
in 7 days: Actualización retrasada
in 15 days: Actualización retrasada
in 1 month: Actualización retrasada

Cambios netos en períodos que se solapan, no totales diarios. Los datos no disponibles se dejan en blanco. Las estrellas indican interés, no calidad.

.github/README-es.md

Original

English / 日本語 / 简体中文 / Português　/ Русский

NES.css es un NES-style(8bit-like) CSS Framework.

Instalación

Hojas de estilo

NES.css se encuentra disponible a través de npm (preferente), Yarn o un CDN.

Vía gestor de paquetes

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

Nuestro package.json contiene metadata adicional bajo las siguientes keys:

sass - Ruta a nuestro archivo fuente principal de Sass
style - Ruta a nuestro CSS no minificado

AltCSS(sass, scss...)

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

JavaScript

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

Necesita instalar css-loader.

HTML

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

Vía CDN

Importa el CSS utiliando un elemento <link />:

<!-- minificado -->
<link href="https://unpkg.com/[email protected]/css/nes.min.css" rel="stylesheet" />
<!-- último -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- solo estilo del núcleo -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />

Tipografías

NES.css no contiene ninguna tipografía, pero recomendamos la siguiente lista de tipografías para utilizar junto a la biblioteca.

Idioma	Tipografía
(Default)	Press Start 2P
Inglés	Kongtext
Japonés	美咲フォント
Japonés	Nu もち
Coreano	둥근모꼴
Chinoés	Zpix (最像素)

Uso

NES.css sólo contiene componentes. Tú tienes que definir tu propio diseño.

La tipografía recomendada para utilizar junto a NES.css es Press Start 2P. Sin embargo, Press Start 2P sólo soporta caracteres latinos. Si utilizas este framework con otro idioma, por favor utiliza otra tipografía. Sigue las instrucciones de Google Fonts acerca de como incluirlas, o simplemente utilizalas como se muestra a continuación:

<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 que quieres usar";
      }
    </style>
</head>

Sólo CSS

NES.css sólo requiere de CSS y no depende de JavaScript.

Soporte de navegadores

NES.css es compatible con las versiones más recientes de los siguientes navegadores.

Chrome
Firefox
Safari

Sin probar

IE/Edge

Derechos de autor y licencia

Desarrollo

Si deseas colaborar con el proyecto ¡Recibimos todo tipo de contribuciones! ¡Revisa nuestro CONTRIBUTING-es.md para más información acerca de cómo puedes ayudar a hacer NES.css algo grandioso!