--- title: applique.css : 読み込むだけでAppleっぽいランディングページが作れるcssフレームワークを作った tags: CSS Design HTML author: trkbt10 slide: false --- [Demo](https://trkbt10.github.io/applique.css/) リポジトリ:[https://github.com/trkbt10/applique.css](https://github.com/trkbt10/applique.css) アップリケは、CSSファイルをページに張るだけでそれなりに見れるようになるCSSフレームワークです。 あとはクラス名など特に気にすることなくHTMLタグを書き連ねるだけで、適切なスタイルを当ててくれます。 下のサービスで作成したものを、単体のCSSで書き出したものです。 [Yosemite icon generator ](http://xn--9i8hku.ws/yosemite-icon/) ## サンプル ```html

あなたとApplique今すぐダウンロード 無料Appliqueのダウンロード

Applique.css は、単純なコーディングのサイトにまるでリンゴを想起させるようなデザインを与えます。

``` このように書くだけで、下のような見た目を生成します。 ![Screenshot 2016-12-13 13.52.51.png](https://qiita-image-store.s3.amazonaws.com/0/74461/bf22c530-baad-9a5e-aa5e-c49bd6937a00.png) 守るべきルールはとても少なく、sectionタグで章を区切る、sectionタグの下にはヘディングをつけるだけです。 ## 最後に このCSSには拡張性が全くありませんので、より込み入ったデザインをしたい場合にはむきません。 ですが、簡単なアプリケーションの紹介ページなどには非常に向いていると思いますので、ぜひ使ってみてください。