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. Emsland-Stärke GmbH, Emlichheim
  2. ROTEXMEDICA GMBH, Trittau
  3. Nash Direct GmbH, Harvey Nash Group, Stuttgart
  4. ROHDE & SCHWARZ GmbH & Co. KG, München


Anzeige
Blu-ray-Angebote
  1. (u. a. The Revenant 7,97€, James Bond Spectre 7,97€, Der Marsianer 7,97€)
  2. (u. a. 3 Blu-rays für 18 EUR, TV-Serien reduziert, Box-Sets reduziert)
  3. (u. a. Hobbit Trilogie Blu-ray 43,89€ und Batman Dark Knight Trilogy Blu-ray 17,99€)

Folgen Sie uns
       


  1. Rockstar Games

    "Normalerweise" keine Klagen gegen GTA-Modder

  2. Stromnetz

    Tennet warnt vor Trassen-Maut für bayerische Bauern

  3. Call of Duty

    Modern Warfare Remastered erscheint alleine lauffähig

  4. Gmail

    Google scannt Mails künftig nicht mehr für Werbung

  5. Die Woche im Video

    Ein Chef geht, die Quanten kommen und Nummer Fünf lebt

  6. Hasskommentare

    Koalition einigt sich auf Änderungen am Facebook-Gesetz

  7. Netzneutralität

    CCC lehnt StreamOn der Telekom ab

  8. Star Trek

    Sprachsteuerung IBM Watson in Bridge Crew verfügbar

  9. SteamVR

    Valve zeigt Knuckles-Controller

  10. Netflix und Amazon

    Legale Streaming-Nutzung in Deutschland nimmt zu



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Mario Odyssey angespielt: Die feindliche Übernahme mit dem Schnauz
Mario Odyssey angespielt
Die feindliche Übernahme mit dem Schnauz
  1. Nintendo Firmware 3.00 bringt neue Funktionen auf die Switch
  2. Nintendo Switch Metroid Prime 4, echtes Pokémon und Rocket League kommen
  3. Arms im Test Gerade statt Aufwärtshaken

Panasonic Lumix GH5 im Test: Die Kamera, auf die wir gewartet haben
Panasonic Lumix GH5 im Test
Die Kamera, auf die wir gewartet haben
  1. Die Woche im Video Scharfes Video, spartanisches Windows, spaßige Switch

Stehpult ausprobiert: Aufstehen gegen Rückenschmerzen
Stehpult ausprobiert
Aufstehen gegen Rückenschmerzen
  1. Stellenmarkt Softwareentwickler haben nicht die bestbezahlten IT-Jobs
  2. Looksee Wellington Neuseeland zieht mehr IT-Experten an
  3. Jobs Deutschland kann seinen IT-Fachkräftemangel selbst lösen

  1. Buy real Passports(designerdesigner@yahoo.com...

    wirdzoestone | 06:18

  2. Buy Real Driver& License, Passports,ID Cards...

    wirdzoestone | 06:17

  3. Buy High Quality Real/Fake(mazzini865docs@gmail...

    wirdzoestone | 06:17

  4. Buy real Passports(designerdesigner@yahoo.com...

    wirdzoestone | 06:15

  5. Re: Illegale Nachfrage nimmt ab

    jonoj | 05:14


  1. 13:30

  2. 12:14

  3. 11:43

  4. 10:51

  5. 09:01

  6. 17:40

  7. 16:22

  8. 15:30


  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