applique.css : 読み込むだけでAppleっぽいランディングページが作れるcssフレームワークを作った #CSS

リポジトリ：https://github.com/trkbt10/applique.css

アップリケは、CSSファイルをページに張るだけでそれなりに見れるようになるCSSフレームワークです。
あとはクラス名など特に気にすることなくHTMLタグを書き連ねるだけで、適切なスタイルを当ててくれます。

下のサービスで作成したものを、単体のCSSで書き出したものです。
Yosemite icon generator

サンプル

<html>
<head>
  <link rel="stylesheet" href="applique.min.css"/>
</head>
<body>
  <section>
    <h2>
      あなたとApplique今すぐダウンロード
      <small>無料Appliqueのダウンロード</small>
    </h2>
    <p> Applique.css は、単純なコーディングのサイトにまるでリンゴを想起させるようなデザインを与えます。</p>
  </section>
  </body>
</html>

このように書くだけで、下のような見た目を生成します。

守るべきルールはとても少なく、sectionタグで章を区切る、sectionタグの下にはヘディングをつけるだけです。

最後に

このCSSには拡張性が全くありませんので、より込み入ったデザインをしたい場合にはむきません。
ですが、簡単なアプリケーションの紹介ページなどには非常に向いていると思いますので、ぜひ使ってみてください。