8bitなレトロゲーム風CSSフレームワーク「NES.css」 - RU DESIGN

8bitなレトロゲーム風CSSフレームワーク「NES.css」

CSS, 技術メモ

2022/01/13
8bitなレトロゲーム風CSSフレームワーク「NES.css」

ファミコン風デザインのウェブサイトを簡単に作れる無料CSSフレームワークが「NES.css」です。ボタンや入力フォームといった基本的な要素から、SNSやキャラクターのアイコンまで用意されています。

https://nostalgic-css.github.io/NES.css/#

導入方法

以下のタグをHTMLのhead部分に追加してください。

試しに使ってみます

・表示結果

RU DESIGNを見てくれてありがとう!

 

このほかに、ボタンやラジオ・セレクトなどの各種フォームなども用意されています。

ドット風キャラクターのCSSもあり

基本的な内容の他に、ドット風キャラクターもCSSで表現し使用することができます。
なんか、懐かしい感じがとてもいいですね!

オリジナルでドット風キャラクターCSSを作りたいって場合思ったら、こちらのNES.cssの制作者の方が提供しているジェネレーターを使ってみてください。

https://bcrikko.github.io/css-collection/tool/dotgen/index.html

趣味の一環としても配信しているゲーム情報サイトでも、このCSSを一部使用させてもらってます。

 

PONPOO-QUEST(ポンクエ)

使い道は限定されますが、レトロっぽい雰囲気のサイトやコンテンツを作りたい場合にいかがですか?

ドメイン取得は同じところで取得しておくと便利ですよ。 お名前.comは1円から購入できるドメインがあるので、いろいろと便利で経済的です。
WP制作ならRU DESIGN

お気軽にお問い合わせください!

WordPressのカスタマイズや修正、オリジナルテーマの作成などリーズナブルな価格でご提供します。 お気軽にご相談下さい。 お問い合わせはこちら

関連記事

WordPress Popular PostsのPV数を投稿一覧に表示
WordPress Popular PostsのPV数を投稿一覧に表示
2022/02/22
人気記事など表示させるのに便利なプラグイン『WordPress Popular Posts』今回はこちらを使って管理画面の投稿記事一覧にビュー数を表示させる方法...
global style inline cssをheadから削除
global style inline cssをheadから削除
2022/02/05
ワードプレスを5.9にしたら<head >内に、global-styles-inline-cssと言うスタイルが貼られていたので削除方法。 &nbs...
手軽にアニメーションを「Animate.css」
手軽にアニメーションを「Animate.css」
2022/01/30
Webサイトにインパクトを与え、注目してもらいたいボタンやコンテンツを強調するのに役立つアニメーション。そんなアニメーション効果を簡単に導入できる「Animat...
reCAPTHAの代替に!「hCAPTCHA」でスパム対策
reCAPTHAの代替に!「hCAPTCHA」でスパム対策
2022/01/26
不正ログインやスパム対策に使用している方が多いGoogleのreCAPTCHA。無料で手軽に導入できるセキュリティ対策として非常に便利でしたが、2020年にre...
ワードプレスの記事更新時に自動でBingに一括送信「Bing URL Submissions Plugin」
ワードプレスの記事更新時に自動でBingに一括送信「Bing URL Submissions Plugin」
2022/01/24
googleのサーチコンソールを利用されている方は多いかと思いますが、MicrosoftのBing ウェブマスターツールも利用されていますか? 詳しい使い方では...
LINEからもお問い合わせできます

お問い合わせ

制作依頼。業務委託・webや広告に関することなどお気軽にお問い合わせください。

    必須 お名前

    必須 メールアドレス

    必須 お問い合わせ内容

    必須 メッセージ本文

    このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。