Schöne Oberflächen für Webapps: Twitter’s Bootstrap

by smichaelis on August 24, 2011

Twitter hat die Tage auf Github “Bootstrap” veröffentlicht, ein Toolkit mit dem man schnell Weboberflächen bauen kann. Bootstrap stellt oft wiederkehrende Elemente wie Buttons, Forms, Dialoge und Textelemente im Twitter-Style zur Verfügung. Dabei beschränkt sich Bootstrap aber auf CSS- und HTML-Definitionen und verzichtet auf Javascript. Dadurch bleibt einem die Wahl des JS-Frameworks selbst überlassen.

Daneben gibt Bootstrap aber auch noch einige durchdachte Konventionen vor, welche vor allem für Techies sicher ein große Hilfe sind. Ein Beispiel:

As a convention, buttons are used for actions while links are used for objects. For instance, “Download” could be a button and “recent activity” could be a link.

Im Gegensatz zu manch anderen Projekten wie z.B. jQuery UI hat sich Twitter in den letzten Jahren viele viele Gedanken über gutes UI-Design gemacht. Diese Erfahrungen sind jetzt wohl auch in das Bootstrap-Toolkit eingeflossen.

Wenn ich nochmal eine Webapp from Scratch bauen muss, dann werde ich Bootstrap mit Sicherheit in Erwägung ziehen. Das gibt mir viel Sicherheit, gut durchdachte UI-Elemente zu nutzen. Kritiker werden jetzt natürlich sagen “Meine App soll aber nicht so aussehen wie twitter!”. Ich behaupte mal bei vielen (v.a. internen) Projekten ist das egal. Im Gegenteil sogar:

Die Großen (Facebook, Twitter, Google) setzen was UI-Design angeht Standards, an die sich die User gewöhnen, wieso sollte ich die nicht nutzen?

Wenn Facebook, Twitter und Co. in Zukunft noch mehr von ihren Erfahrungen und  entwickelten Technologien in OpenSource-Projekte einfließen lassen, würde das auf jeden Fall Einstiegshürden für neue Online-Projekte minimieren.

  • http://tobiasjordans.de Tobias

    Ein sehr interessantes Projekt! Super dokumentiert und sehr schön ausgearbeitet. Für interne Projekte sehr gut. Für externe muss man vor allem die restriktiven Browsersupport-Angaben im Blick halten.
    Toll, dass Twitter so etwas so ausführlich dokumentiert veröffentlicht.

  • http://twitter.com/R_Lemke Robin Lemke

    Ein wirklich interessantes Projekt! Die Library ist mit allem
    ausgestattet und ermöglicht eine schnelle und einfache Erstellung einer
    Site/Webapp. Danke für den Blogeintrag.

    Ich kann dem ersten Kommentar nur zustimmen, sehr gut dokumentiert und sehr
    schön ausgearbeitet!