NES.CSS: Framework CSS kok 8-Bit!

Maret 23, 2019


Dalam dunia game, moba kok 8-bit? mungkin sebagian besar orang tau ungkapan itu ditujukan kemana tapi kalau framework css kok 8-bit? kalian akan bertanya-tanya framework css yang mana yang 8-bit? Nah pada artikel kali ini kopiding.in akan mengenalkan pada kalian semua sebuah framework keren yang akan membawamu bernostalgia ke ‘abad pertengahan’ dan mengenang masa kecil untuk ‘orang-orang tua’ generasi 90an. 


Nama dari framework ini sendiri adalah NES.css. NES sendiri merupakan sigkatan dari Nintendo Entertainment System, merupakan sebuah konsol permainan video 8-bit yang dirilis oleh Nintendo di Amerika Utara, Eropa, dan Australia pada tahun 1984. Framework buatan B.C.Rikko dkk dengan bertema latar 8-bit ini dibuat pada akhir tahun 2018 tepatnya 19 Desember 2018 dengan versi 1.0.0.


Namun sebelum dibangunnya NES.css ini, pada tanggal 22 September 2018 Pak Rikko sebenarnya sudah membuat sebuah versi draft dari NES.css yang dinamakan 8bit.css. Selanjutnya dia mulai mengembangkannya dan pada tanggal 24 September 2018 terlahirlah NES.css dengan versi alpha.


Dua bulan kemudian tepatnya tanggal 18 Nopember 2018 lahirlah versi beta NES.css. Pada bulan dan tahun yang sama (2018) juga NES.css menjadi topik terhangat di Japan’s Social Bookmark Service dan meraih peringkat pertama di GitHub Trending Developers and Repositories.



Lalu kenapa sih Pak Rikko membuat framework seperti ini?

“I created and released a CSS Framework that makes your website a familiar NES style.”

B.C.Rikko

Jadi beliau membuat framework ini supaya website kalian terlihat familiar dengan gaya nintendo 8-bit dan mungkin juga agar semata-mata kita teringat akan masa kecil disaat awal mula nintendo dulu. Selain itu Pak Rikko juga menambahkan bahwa dia lebih suka konsep css yang simple dan minimalis.


“In developing NES.css, I first decided that concept to Simple & Minimal. “

B.C.Rikko

Baiklah cukup basa basinya, sekarang mari praktekan NES.css pada browser kita. Instalasi NES.css dapat dilakukan dengan melalui NPM, YARN, dan CDN.


Buka terminal tempatkan pada direktori projek, lalu ketikkan



Install NES.css

Instalasi melalui NPM

Instalasi melalui YARN

Import melalui CDN

Jika ingin menautkannya secara online melalui CDN maka gunakan element <link> dan ketikkan di dalam tag <head>.   



Mencoba NES.css

Sekarang mari kita coba beberapa komponen yang ada di framework ini


Teks


Button


Radio Button


Checkboxes


Input


Progress

Icon

Selain itu NES.css juga menyediakan karakter game milik nintendo seperti pokemon, super mario, dan lain-lain dengan tema 8-bit pastinya. Namun untuk menggunakan komponen karakter game dari nintendo ini kita wajib tau aturan yang diterapkan oleh Nintendo untuk melindungi ‘aset-aset’ mereka ini. Jadi tidak bisa digunakan seenaknya jidat.


Untuk mencoba komponen lainnya kalian bisa mampir di situs resminya NES.css Website

Kategori