2015年に出てきたハイブリッドアプリにも使えるCSSフレームワークまとめ

デザインの世界は毎年新しいトレンドが生み出されています。それはアプリでも同じでしょう。フラットUIやマテリアルデザインを取り入れたアプリも増えています。そしてハイブリッドアプリでもそのトレンドに乗っていかなければいけません。

今回は2015年に出てきたCSSデザインフレームワークを紹介します。これらはレスポンシブになっていますので、タブレットやスマートフォンアプリでの利用もできるはずです。

中国で流行っているメッセンジャーアプリ、WeChatが開発したスマートフォン向けのWebアプリケーションUIフレームワークです。かなりシンプルなデザインが特徴となっています。

その名の通り、マテリアルデザインなのが特徴です。ボタンを押したり、入力時にアニメーションが実行されます。Androidアプリと親和性が高そうです。

ScooterはDropboxが開発しているSCSSフレームワークとなっています。SCSSで作られていますので、変数や便利な関数などが定義されていて、拡張も容易です。

BuzzFeedが開発しているデザインフレームワークです。色が濃く、はっきりとしたデザインとなっています。シンプルなデザインなのでどのデバイスにもマッチするでしょう。

素のHTMLタグに対してスタイル設定を施しています。最低限のHTMLを組めば、ちょっとしたデザインに仕立て上げてくれるのがポイントです。

BootstrapやFoundationに対抗するデザインフレームワークで、サイズが軽量であったりjQueryに非依存で使えるのが利点となっています。

こちらはBootstrapテンプレートで、Google+っぽいデザインにしてくれます。Androidアプリに最適ではないでしょうか。

GitHubが公開したデザインフレームワークです。Webアプリケーションはもちろんハイブリッドアプリでも活躍してくれるはずです。

マテリアルデザイン向けのCSSフレームワークです。HTMLメールテンプレートとして使うこともできます。

多数のコンポーネントが用意されているフレームワークなので、様々なアプリで使えるのではないでしょうか。

CSSデザインフレームワークを使う場合にはMonacaやPhoneGapを使ってみてください。WebテクノロジーでiOS/Androidアプリが一気に開発できます！そして、サーバサイドが必要になった時にはニフティクラウド mobile backendを組み合わせてみてください。

ニフクラ mobile backend（mBaaS）お役立ちブログ