iOS7のネイティブアプリっぽい見た目が作れるCSSフレームワーク「Framework7」

最近ネイティブアプリっぽい見た目が作れるCSSフレームワークが増えてきましたね。通常のWebサイトのみならず、Phonegapで作られているツールも増えているのでしょうか。Framework7はiOS7のネイティブアプリっぽい見た目を作れるCSSフレームワークです。

こんな感じの見た目

見た目は本当にiOS7のネイティブアプリそっくりですね。

メッセージアプリぽい見た目も用意されています。これは便利かも。

見た目の変更はGithubのリポジトリnolimits4web / Framework7をcloneして、src/内のlessファイルをいじることで可能です。grunt buildしたあとにgrunt distしてできるdist/ディレクトリ内のファイルを使いましょう。

Framework7