NES.css new retro framework you should definitely try!
Getting to know NES.css
While I was searching for a new framework to experiment with, I came up across this gem. 😃
It is perfect for all coders and fans of 8bit games and the era that made us who we are today. 😊
Connecting
NES.css is available via either npm(preferred), Yarn, or a CDN.
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>Here are some buttons as an example
To see the framework in action I have put some small Input form with a responsive submit button and input forms.
You can check out the full code on CodePen, and if you like what you saw you can check the full documentation of the NES.css framework on the original page that is linked in the project.
Comments