シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css
Post on:2020年6月5日
sponsors
シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。
シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利用するのもありかもしれません。
new.cssの特徴
new.cssは、HTMLのみを使用してモダンなWebサイトを作成するためのclassレスのフレームワークです。HTMLの実用的なデフォルトのスタイルを活かし、美しく見えるようにスタイルされています。
- 超軽量4.8KbのCSSフレームワーク。
- 用意するのは、HTMLファイルのみ。
- マークダウンで生成されたHTMLのレンダリング。
- シンプルなブログや自己紹介ページに最適。
- MITライセンスで、商用プロジェクトでも無料で利用できます。
new.cssのデモ
デモでは、HTMLのさまざまな要素のスタイルを確認できます。
デモページ: 見出し
デモページ: 本文・マーカー・強調・リンク・リスト
デモページ: 引用・コード・テーブル
デモページ: フォーム
デモページ: ボタン・画像
new.cssの使い方
new.cssの使い方は簡単です。
Step 1: 外部ファイル
当スタイルシートを外部ファイルとして記述します。
|
1 2 3 4 |
<head> ... <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1/new.min.css"> </head> |
npm, Yarnからも利用できます。
|
1 2 3 |
npm i @exampledev/new.css yarn add @exampledev/new.css |
Step 2: HTML
あとは、HTMLでページを作成するだけです。
テーマも用意されており、ナイト・ターミナルの2種類。
外部ファイルを変更するだけで、利用できます。
デモページ: Night（night.css）
デモページ: Terminal（terminal.css）
sponsors
