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

Pocket

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

こんな感じの見た目

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

Framework7_-_Full_Featured_HTML_Framework_For_Building_iOS7_Apps 2

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

Framework7_-_Full_Featured_HTML_Framework_For_Building_iOS7_Apps 3

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

Framework7