ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ああ、これは面白い!Bootstrapで様々なテーマが作られていますが、基本的にWebアプリケーション向けです。Webでの利用については既に多数のコンテンツが存在しますし、おそらく今後も増えていくでしょう。

そこで次に注目したいのがnode-WebKitとの組み合わせです。ネイティブアプリ風に動くWebアプリケーションの場合、求められるUIとしてはMaverix Bootstrap Themeのようになるでしょう。

Maverix Bootstrap Themeの使い方

スクリーンショット多めで紹介します。

実にMac OSX風なのが分かっていただけるでしょうか。
実にMac OSX風なのが分かっていただけるでしょうか。

グラフも用意されています。
グラフも用意されています。

タイポグラフィ。
タイポグラフィ。

アイコンはカラーと白黒が用意されています。
アイコンはカラーと白黒が用意されています。

テーブル。リスト系です。この辺りもMac OSX風でいいですね。
テーブル。リスト系です。この辺りもMac OSX風でいいですね。

モーダル。
モーダル。

フォーム。ここは素のWebに近いかも。
フォーム。ここは素のWebに近いかも。

ツールバーや検索など。使える場面が多そうです。
ツールバーや検索など。使える場面が多そうです。

Maverix Bootstrap Themeを使えばnode-WebKitで作ったWebアプリケーションがほぼローカルアプリケーションと変わらず使えるようになります。Web技術でローカルアプリケーションを作れるnode-WebKitの利用をさらに広げるBootstrapテーマです。

Maverix Bootstrap ThemeはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Maverix Bootstrap Theme

tschundeee/maverix

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2