NES.css is a NES-style(8bit-like) CSS Framework.
NES.css is available via either npm (preferred), Yarn, or a CDN.
npm install nes.css
# or
yarn add nes.css
Our package.json contains some additional metadata under the following keys:
sass - path to our main Sass source filestyle - path to our non-minified CSSImport the CSS via a <link /> element:
<!-- minify -->
<link href="https://unpkg.com/nes.css@2.1.0/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" />
NES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library.
| Language | Font |
|---|---|
| (Default) | Press Start 2P |
| English | Kongtext |
| Japanese | 美咲フォント |
| Japanese | Nu もち |
| Korean | 둥근모꼴 |
NES.css only provides components. You will need to define your own layout.
The recommended font for NES.css is Press Start 2P. However, Press Start 2P only supports English characters. When you're using this framework with any language other than English, please use another font. Follow the Google Fonts instructions about how to include them, or simply include it as below:
<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>
NES.css only requires CSS and doesn't depend on any JavaScript.
NES.css is compatible with the newest version of the following browsers:
Untested
Code and documentation copyright 2018 B.C.Rikko. Code released under the MIT License. Docs released under Creative Commons.
If you'd like to help us out with the project, we welcome contributions of all types! Check out our CONTRIBUTING.md for more details on how you can help make NES.css amazing!
FAQs
NES.css is NES-style CSS Framework.
The npm package nes.css receives a total of 3,599 weekly downloads. As such, nes.css popularity was classified as popular.
We found that nes.css demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.