Googleの提唱するマテリアルデザインはフラットUIとの親和性が高いこともあって、新しいデザインの中で取り入れられています。主にスマートフォン向けと思われますが、Webデザインにおいても見逃せない存在です。 そんなマテリアルデザインをEmberアプリケーションの中で活かせるのがEmber-paperになります。

Ember-paperの使い方

デモデザインです。まずはタイポグラフィ。

引用や住所。

リスト。

ボタン。

チェックボックス。

paper-checkboxといったタグを使うことでEmberアプリケーションで使えます。

トグル。

ラジオボタン。

スライドメニュー。

Ember-paperはEmberアプリケーションでマテリアルデザインを使いたいと思ったときにぴったりなフレームワークになります。ボタンにマウスオーバーしたり、チェックをつけたときなどのアニメーションが分かりやすいので、シンプルなデザインでこそ活きてくるライブラリでしょう。

Ember-paperはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

EmberPaperWeb miguelcobain/ember-paper