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.
Weitere aktuelle Artikel aus der Kategorie „Mozilla“
- 08.12.2024Neue Mozilla-Marke offiziell vorgestellt
- 01.12.2024🎄🎁 Weihnachten steht vor der Tür - Produkte von Mozilla als Geschenkidee
- 15.11.2024Quellcode von Pocket für Android als Open Source veröffentlicht
- 14.11.2024Quellcode von Mozilla Didthis als Open Source veröffentlicht
- 06.11.2024Mozilla Foundation entlässt 30 Prozent der Mitarbeiter
Füge diese URL in deine WordPress-Website ein, um sie einzubetten
Füge diesen Code in deine Website ein, um ihn einzubinden