紹介brick:webappを迅速に開発するためのカスタムラベルコンポーネント


https://hacks.mozilla.org/2013/08/introducing-brick-minimal-markup-web-components-for-faster-app-development/
この感動的なwebコンポーネントを聞いたことがあるかもしれません.もしなかったら、何がこんなに人の心を奮い立たせたのかを見るべきかもしれません.簡単に言えば、Webコンポーネントは、開発者に再利用可能なHTMLラベルをカスタマイズさせる新しい分野を開きました.javascriptプラグインやテンプレート、スタイルを初期化するために余分なコードは必要ありません.
残念なことに、すべてのブラウザがこの仕様をサポートしているわけではありませんが、開発者がコンポーネント概念のメリットを享受できないという意味ではありません.google's PolymerとMozilla's x-tag(X-TagとPolymerは同じ下位層、webコンポーネントを共有しています)に感謝します.
私たちは誇りに思ってテスト版Brickを発表して、1つのブラウザにまたがって、使いやすくて、柔軟で、意味化のwebコンポーネントライブラリ、新しいカスタムHTMLラベルを提供して抽象的に一般的なユーザーインタフェースのモードになります.Mozillaのx-tagsに基づいて、Brickはスライドバーや日付セレクタなどの簡単なHTMLラベルを挿入してコントロールを呼び出すことができます.HTML/CSS/Javscriptをどのように関連付けるかを考える時間を減らして、開発プロセスを加速させます.
Brickを使え
アプリケーションでブラウザにまたがり、モバイルデバイスに優しいカレンダーコントロールを実現したいと言っています.現在のJavaScriptプラグイン、例えばjQuery UIは、あなたのHTMLに関係のないマークを挿入し、JavaScriptで明確に初期化し、管理する必要があります.しかし、Brickがあれば、オリジナルのラベルとは異なるカスタムHTMLラベルを簡単に追加するだけで、それらのコンポーネントを実現することができます.
私たちのカレンダーの例では、ライブラリのCSSとJavascriptファイルをアプリケーションで参照して、次のラベルを追加するだけです.
このようなDOM要素が作成されました
ナビゲーション制御や日付予選の追加など、コンポーネントの動作を変更しますか?他のオリジナルラベルのように、ラベルのプロパティを変更するだけでコンポーネントの動作を変更できます!
利用可能なBricks
この文章を書くとき、Brickは13の異なるラベルで構成されており、ほとんどが他のラベルとは完全に独立しており、パッケージ全体の代わりに個別にダウンロードすることができます.
いくつかのラベルは、次のような複合コントロールとして抽象化されています.
(calendars, as seen from the example)
(a cyclable slide gallery)
(exactly as it sounds).
その他、ブラウザ間で実装される非グローバルなオリジナルサポート要素の修復に依存します.たとえば、
サポートに使用されます.また、スタイルとタグを簡略化するための構造コンポーネントもあります.たとえば、コンテンツとヘッダがスタイル化されていないタグがコンテナ要素に埋め込まれることを保証します.
各ラベルにはいくつかの拡張属性/JavaScriptインタフェースがあり、スタイルもアプリケーションのスタイルに完全に合っています.
Bricksで創造を始める
あなたのアプリケーションでコンポーネントを使い始め、リリースパッケージをダウンロードし、例を見て、利用可能なラベルのドキュメントを読みたいでしょう.また、Brick Githubページを参照してソースコードを表示したり、貢献したりすることもできます.
このライブラリはまだテストバージョンにあるので、すべてのユーザーのフィードバックを重視しています.Brickにはいくつかの例がありますが、私たちはあなたがどのようにそれを使用しているかを見るのが好きです.