Simple.css を使ってみる

Created:

1. このページの目的

Simple.css を使ってみる

Simple.css とは?

公式サイトでは、以下のように説明されている。

Simple.css is a classless CSS framework that makes semantic HTML look good, really quickly.

By classless I mean that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.

引用元:Simple.css

作成したHTMLに対して、そのまま装飾させたいのでCSSクラスは使えない。素のHTML要素に対して、そのままスタイルを指定することになる。

Simple.css はどんなときに使うか?

それなりに見栄えの良いウェブページを、最低限のサイズのCSSで、すぐに作りたい(公開したい)場合に利用する。

MITライセンス

2. デモ

本ページでは、以下のようにして Simple.css を読み込んでいる。

<link rel="stylesheet" href="https://cdn.simplecss.org/simple-v1.css">

3. 感想

よいコンセプトだと思う。

4. 参考