Webアプリケーションを開発する際に厄介なのがUIです。標準では提供されないコンポーネントはもちろんのこと、ちょっとしたエフェクトやアニメーションを作ろうと思うと非常に面倒なことになります。 よりWebアプリケーションを手軽に開発するためにMozillaが開発しているのがMozilla Brickです。多彩なUIコンポーネントで開発を手助けしてくれます。

Mozilla Brickの使い方

こちらは一例。パネルが回転して情報を表示します。

ヘッダーを固定表示するコンポーネント。

カレンダー。

パネル移動の管理。pushState周りは面倒ですよね。

レイアウト。メニューは画面幅によって隠れます。

縮めた場合。

リスト表示。垂直または水平に展開します。

タブ。

Mozilla Brickでは再利用の容易なUIコンポーネントを多数提供しています。これらを組み合わせることでWebアプリケーション開発がスムーズになることでしょう。デザイン全般を提供する訳ではないので、他のフレームワークと組み合わせて使うのが良さそうです。

Mozilla BrickはHTML5/JavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。

Mozilla Brick Mozilla Brick