Das könnte dich auch interessieren

Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Software

Bootstrap 2 von Twitter: Webentwicklung mit CSS und HTML5 leicht gemacht

    Bootstrap 2 von Twitter: Webentwicklung mit CSS und HTML5 leicht gemacht

Bootstrap ist das Open-Source-Toolkit von Twitter für die schnelle und elegante Entwicklung von Webseiten mit HTML5, CSS und JavaScript. Es beinhaltet zahlreiche nützliche Web-Komponenten für Styles, Formulare, Buttons, Tabellen, Grid-Layouts, Navigationen und mehr. Wir stellen euch kurz vor, was Bootstrap 2 alles kann.

Bootstrap Startseite

Funktionale Webentwicklung mit anspruchsvollem Design

Das Web-Toolkit Bootstrap wurde erstmals Mitte 2011 von dem Entwickler Jacob Thornton und dem Designer Mark Otto, die beide bei Twitter arbeiten, vorgestellt. Anfang Februar wurde Bootstrap in Version 2 veröffentlicht und bringt einige neue Features wie schicke Formularstyles, neue Glyphicon Icons, verbesserte Navigationselemente und neue JavaScript-Plugins wie Carousel, Collapse oder Typehead mit. Zusätzlich wurden einige Bugs getilgt und die Dokumentation verbessert.

Bootstrap Beispiel-Layouts

Die Grundidee zu Bootstrap war, über einen Styleguide mit vorgefertigten Frontend-Pattern und über einen Funktionsbaukasten mit Webseiten-Komponenten den Workflow zwischen Entwicklern und Designern bei Twitter effizienter und einfacher zu gestalten, wie Mark in einem Blogbeitrag schreibt. Daraus hat sich ein sehr beliebtes Web-Toolkit-Projekt entwickelt, dem bei GitHub mehr als 18.000 Entwickler folgen und das schon über 3.000 Mal geforked wurde. Zahlreiche Webseiten setzen bereits auf Bootstrap. Der Bootstrap-Code ist als Open-Source unter Apache License v2.0 lizensiert. Die Lizenz der Dokumentation folgt CC BY 3.0.

Bootstrap Beispielnavigation

Bootstrap Highlights

HTML-Entwicklungsumgebungen gibt es viele, aber Bootstrap kann unter anderem mit Einfachheit und durchdachtem Design aus langjähriger Twitter-Erfahrung punkten. Bootstrap beinhaltet vorgefertigte Web-Komponenten mit Beispiel-Markups für alle erdenklichen Anwendungsfälle wie Buttons, Menus, Alerts, Fluid-Layouts, Fortschrittsbalken und über ein Dutzend jQuery-Plugins. Über Base CSS sind alle HTML-Elemente konsistent und elegant mit erweiterbaren Klassen vorgestylt.

Bootstrap jQuery-Plugins

Erwähnenswert ist auch die Möglichkeit, sich den eigenen Bootstrap-Baukasten schon vor dem Download an gewünschte CSS- und jQuery-Komponenten anzupassen. Wer also schon genau weiß, was er will, kann hier von vornherein aufräumen und muß nicht erst das volle Bootstrap-Repository herunterladen.

Bootstraps anpassbares Download-Paket

Bootstrap unterstützt die dynamische Stylesheet-Sprache LESS. LESS erweitert CSS beispielsweise mit Variablen, Mixins für wieder verwendbare Code-Snippets sowie um Operations für simple Rechenaufgaben oder Farbwerte. Bootstrap 2 unterstützt nicht nur alle gängigen Browser sondern auch Tablets und Smartphones.

Mit Bootstrap 2 bekommt man ein mächtiges Web-Toolkit, das sowohl für Webentwickler als auch für Designer viel zu bieten hat. Man kann Bootstrap ganz nach Bedarf flexibel einsetzen – unabhängig davon, ob man Webentwickler-Newbie ist oder ein komplexes Webprojekt erstellen möchte.

Weiterführende Links:

Bildnachweis für die Newsübersicht: aka Chewy Hooey / flickr.com, Lizenz: CC-BY

Finde einen Job, den du liebst zum Thema Social Media, Webdesign

Alle Jobs zum Thema Social Media, Webdesign
2 Reaktionen
Someone
Someone

Der Post ist so vollgepackt mit Anglizismen, dass man kein Wort versteht.

How about writing this thing in English instead?

Antworten

sec0nd
sec0nd

Bootstrap ist super. Habe mit 1.4 damit angefangen zu arbeiten und stelle nun gerade auf die 2.0 um. Habe Erweiterungen für ExpressionEngine (selbst geschrieben) und Rails (Community Gem), um das Bootstrap CSS/JS mit einem Einzeiler in neue Projekte reinhängen zu können.

Antworten

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen