Mozilla Brick: UI-Komponenten für moderne Web Apps

Mit den Web Components befindet sich eine Webtechnologie in der Standardisierung durch das W3C, welche es Webentwicklern erlaubt, eigene HTML-Elemente für Webanwendungen zu bauen. Mit Brick stellt Mozilla nun eine Sammlung wiederverwendbarer UI-Komponenten vor.

Brick heißt das neuste Projekt aus dem Hause Mozilla und besteht aus einer Sammlung von UI-Komponenten, welche cross-browser-kompatibel sind. Brick nutzt dafür X-Tag – eine von Mozilla entwickelte Polyfill-Bibliothek, welche die sogenannten Web Components in heutigen Browsern verfügbar macht. X-Tag ist kompatibel mit Firefox ab Version 5, Chrome ab Version 4, Safari ab Version 4, Opera ab Version 11 sowie dem Internet Explorer ab Version 9. Bricks befindet sich derzeit noch in der Betaphase.

Mit Web Components sind Webentwickler dazu in der Lage, eigene HTML-Elemente zu bauen, welche in der Anwendung wiederverwendet werden können. Eines der Bricks ist beispielsweise ein Kalender. Eine Zeile wie <x-calendar controls chosen=’2014-03-11′></x-calendar> reicht, um einen Kalender in die Webanwendung zu integrieren. Weitere Widgets, welche Brick bereitstellt, sind unter anderem eine Tab-Leiste, ein Slider oder auch Tooltips. Mit den Bricks kann ein Entwickler viel Zeit sparen, da er sich keine Gedanken um das HTML/CSS/JavaScript dahinter machen muss.

[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/x-calendar-attr.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/x-calendar-attr.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]

Die Widgets von Brick sind mit allen aktuellen Browsern kompatibel und mobiltauglich. Im Gegensatz zu jQuery UI erfordert Brick kein nicht-semantisches HTML-Markup und muss nicht explizit via JavaScript initialisiert werden. Mit Brick genügt es, den entsprechenden Tag im HTML der Anwendung zu schreiben als wäre es ein ganz gewöhnlicher Bestandteil von HTML.