Abo
  • Services:
Anzeige
Eine Beispiel-App mit den X-Tags Appbar, Deck und Card
Eine Beispiel-App mit den X-Tags Appbar, Deck und Card (Bild: Mozilla/CC-BY-SA 3.0)

Mozilla Brick 1.0: Wiederverwendbare UI-Komponenten für Web-Apps

Mit Mozillas Brick soll es einfacher sein, Web-Apps zu schreiben. Der Javascript- und CSS-Code stellt dafür vielfach verwendete UI-Komponenten zur Verfügung, die sich einfach per eigenem HTML-Tag einbinden lassen.

Anzeige

Baustein, in Englisch Brick, nennt Mozilla seine kleine Bibliothek, die vielfach verwendete UI-Elemente für Webanwendungen und damit zum Beispiel auch für Firefox OS nun in Version 1.0 bereitstellt.

Möglich macht die Brick-Bibliothek die sogenannten Web Components, die derzeit vom W3C standardisiert werden. Damit kann jeder seine eigenen, komplexen HTML-Elemente selbst bauen oder eben über Bibliotheken wie Brick benutzen. Die einzelnen Bestandteile von Brick lassen sich nach dem Einbinden des Codes auf der Webseite einfach über ein HTML-Tag benutzen.

Derzeit beinhaltet Brick neben einem einfachen Kalender auch verschiedene Elemente wie Auswahlknöpfe, eine Menü- oder auch eine Tab-Leiste. Zusätzlich dazu lässt sich das Layout einer Anwendung mit Brick einfach erstellen und auch Animationen wie das Umdrehen der App-Oberfläche oder das Durchlaufen verschiedener Kacheln ist möglich.

Auf der Webseite von Brick bietet Mozilla eine ausführliche Dokumentation samt Demo-Code für die einzelnen Komponenten an. Zum Verwenden der Komponenten können die Bestandteile auf der Projektwebseite nach Bedarf ausgewählt und anschließend gebündelt heruntergeladen werden.

Der Projektcode steht für Interessierte unter der Apache-Lizenz über Github bereit. Zur Entwicklung sind Node.js und die Pakete Bower sowie Grunt notwendig.


eye home zur Startseite
Schnarchnase 08. Mär 2014

Immer die gleiche Leier. Mozilla schon immer viele verschiedene Projekte vorangebracht...



Anzeige

Stellenmarkt
  1. Bundeskriminalamt, Wiesbaden
  2. Bernecker + Rainer Industrie-Elektronik GmbH, Essen
  3. Media-Saturn IT Services GmbH, Ingolstadt
  4. Control Mechatronics GmbH, Ravensburg


Anzeige
Top-Angebote
  1. 110,00€
  2. 599,00€

Folgen Sie uns
       


  1. Apple

    iPhone-Event findet am 7. September 2016 statt

  2. Fitbit

    Ausatmen mit dem Charge 2

  3. Sony

    Playstation 4 Slim bietet 5-GHz-WLAN

  4. Exploits

    Treiber der Android-Hersteller verursachen Kernel-Lücken

  5. Nike+

    Social-Media-Wirrwarr statt "Just do it"

  6. OxygenOS vs. Cyanogenmod im Test

    Ein Oneplus Three, zwei Systeme

  7. ProSiebenSat.1

    Sechs neue Apps mit kostenlosem Live-Streaming

  8. Raumfahrt

    Juno überfliegt Jupiter in geringer Distanz

  9. Epic Loot

    Ubisoft schließt sechs größere Free-to-Play-Spiele

  10. Smart Home

    Philips-Hue-Bewegungsmelder und neue Leuchten angekündigt



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Lernroboter-Test: Besser Technik lernen mit drei Freunden
Lernroboter-Test
Besser Technik lernen mit drei Freunden
  1. Kinderroboter Myon Einauge lernt, Einauge hat Körper
  2. Landwirtschaft 4.0 Swagbot hütet das Vieh
  3. Künstliche Muskeln Skelettroboter klappert mit den Zähnen

Mobilfunk: Eine Woche in Deutschland im Funkloch
Mobilfunk
Eine Woche in Deutschland im Funkloch
  1. Netzwerk Mehrere regionale Mobilfunkausfälle bei Vodafone
  2. Hutchison 3 Google-Mobilfunk Project Fi soll zwanzigmal schneller werden
  3. RWTH Ericsson startet 5G-Machbarkeitsnetz in Aachen

No Man's Sky im Test: Interstellare Emotionen durch schwarze Löcher
No Man's Sky im Test
Interstellare Emotionen durch schwarze Löcher
  1. No Man's Sky für PC Läuft nicht, stottert, nervt
  2. No Man's Sky Onlinedienste wegen Überlastung offline
  3. Hello Games No Man's Sky bekommt Raumstationsbau

  1. Re: Kunden werden in massivem Umfang betrogen! Wo...

    serra.avatar | 06:50

  2. Re: Interessant wäre für mich Sailfish OS

    Bautz | 06:43

  3. Re: Wahrscheinlich sind Windowstreiber mindestens...

    nille02 | 06:29

  4. Re: Betrug am Kunden und "Neuland"

    serra.avatar | 06:27

  5. Re: Immer dieser Drahtlos Mist

    DY | 06:20


  1. 22:34

  2. 18:16

  3. 16:26

  4. 14:08

  5. 12:30

  6. 12:02

  7. 12:00

  8. 11:39


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel