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

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

そんなマテリアルデザインをEmberアプリケーションの中で活かせるのがEmber-paperになります。

Ember-paperの使い方

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

引用や住所。
引用や住所。

リスト。
リスト。

ボタン。
ボタン。

チェックボックス。
チェックボックス。

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

トグル。
トグル。

ラジオボタン。
ラジオボタン。

スライドメニュー。
スライドメニュー。

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

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

EmberPaperWeb

miguelcobain/ember-paper

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2