Vorheriger Artikel Nächster Artikel

Bootstrap Designer: HTML5-Template-Tool unter der Lupe

Bootstrap Designer ist ein Online-Design-Tool, mit dem responsive Templates basierend auf dem Framework erstellt werden können. Wir verraten euch, ob das Tool hält, was es verspricht.

Bootstrap Designer: HTML5-Template-Tool unter der Lupe

Bootstrap Designer gibt euch die Möglichkeit, HTML5 Templates auf Basis des Twitter Bootstrap Frameworks im Browser zu entwerfen und anschließend für den Einsatz in privaten und kommerziellen Projekten zu exportieren.

So viel sei Verraten: Dieses Versprechen hält die Online Applikation aus Indonesien. Nach Registrierung eines Premium Accounts, für derzeit 4,99 US-Dollar im Monat, kann man loslegen. Nach dem Login im Bootstrap Designer, wählt man zunächst aus einer von drei Vorlagen aus und vergibt einen Namen für das Projekt.

Bootstrap Designer Vorlagen
Bootstrap Designer - Vorlagen Auswahl

Schon kann man mit den Anpassungen mit dem „Design Tool“ beginnen. Dieses besteht aus einer horizontalen Leiste, die einige Untermenüs beherbergt. Im ersten Set sind rudimentäre Änderungen wie das Auswechseln des Hintergrundbildes, die Auswahl der auf der Seite eingesetzten Schriftsätze und die Titelvergabe für das Template möglich. Außerdem kann aus verschiedenen Menü- und Headeranordnungen gewählt werden. Die tiefergehenden Einstellungsmöglichkeiten werden hierbei in einem sich zusätzlich öffnenden Dialog zur Verfügung gestellt.

Bootstrap Designer Beispieltemplate
Bootstrap Designer Beispieltemplate

Hinter der Schaltfläche „More“ verbergen sich einige zusätzliche Anpassungsmöglichkeiten. So können Textformate einzeln angepasst und zusätzliche Einstellungen für Sidebar, Footer, Buttons und Content-Trenner vorgenommen werden. Es kann aus einer Reihe von vorgegebener Layout Elementen, Schriften und Einstellungen gewählt werden. Zusätzlich erlaubt Bootstrap Designer einige eigene Anpassungen an Farben und Abständen vorzunehmen.

Hier werden die Schwächen des Tools deutlich. Durch einen Verzicht auf Drag&Drop Funktionalität wird der Workflow oft verzögert. Teilweise kriegt man nicht mit, an welchem Element man Änderungen vornimmt oder ob dieses Element überhaupt im Template enthalten ist. Man ist auf die vorgefertigten Layouts und Anordnungen des Tools angewiesen und kann selbst nur sehr marginal in deren Gestaltung eingreifen. Dafür, dass das Tool sich an Designer richtet, eine ziemlich schwache Leistung.

Hinzu kommt, dass der Code des Projektes ebenfalls auf wackeligen Füßen steht. Selbst in modernen Browsern, stehen nicht alle Funktionalitäten wie der Dateiupload ordnungsgemäß zur Verfügung. Betrachtet man die Fehlerkonsole bei der Nutzung des Produktes, wird deutlich, dass Bootstrap Designer bestenfalls ein unausgereiftes, wenn nicht sogar technisch unfertiges Produkt ist.

Stört man sich nicht an diesen Schwächen, liefert Bootstrap Designer mit einer Exportfunktion ein ZIP-Archiv mit allen zum Projekt gehörenden HTML, CSS, JavaScript sowie Bilddateien. Alternativ kann das Template für den Online Dienst InsiteCreation genutzt werden, wo für derzeit 89,95 US-Dollar eine Seite erstellt und verwaltet werden kann. Da InsiteCreation aus der selben Softwareschmiede stammt wie Bootstrap Designer, lässt sich die Qualität des Produktes durchaus erahnen.

Bootstrap Designer - Mehr Flop als Top

Insgesamt liefert Bootstrap Designer eine Reihe von Werkzeugen mit denen, vorher vom Hersteller hinterlegte, Templates rudimentär angepasst werden können. Ein Tool für Designer, das bei der Entwicklung von Ideen unterstützen und gute Mockups für Kunden liefern soll, ist Bootstrap Designer aber  – anders als versprochen – nicht.

Durch die geringen Anpassungsmöglichkeiten werden nur Layouts von der Stange ermöglicht. Für Webworker mit Erfahrung liefert Bootstrap Designer keine sinnvollen Ergänzungen, da viele der Änderungen schneller im Quellcode als im schlecht durchdachten Editor durchzuführen sind. Insgesamt ist Bootstrap Designer also ein eher enttäuschendes und kostenpflichtiges Tool, von dem man lieber die Finger lassen sollte.

Eine gute Alternative mit deutlich interessanterem Funktionsumfang, sowohl für Designer als auch für Webworker, haben wir euch bereits mit dem derzeit kostenfreien Jetstrap vorgestellt.

Wer dem Bootstrap Designer aber trotzdem eine Chance geben möchte, kann dies auf der Webseite von Bootstrapdesigner tun.

NEU: Lass dir diesen Artikel vorlesen
Ein Service von t3n, in Kooperation mit Narando.
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
2 Antworten
  1. von agentur am 10.12.2012 (11:02 Uhr)

    Habe das gerade aus Neuigier mal angeschaut. Zum einen kann man sich nicht "frei" registrieren um es auszuprobieren, man muss ein PayPay Abonnement abschließen. Im Account gibt es keine Möglichkeit den Account zu kündigen - nach 14 Tagen wird man via payPal zur Kasse gebeten.

    Sowas finde ich absolut nicht in Ordnung. Ich habe, nach dem Test, das PayPal Abo gekündigt, bevor die 14 Tage Test vorbei sind. Nicht so toll, aber anders geht es nicht.

    Auf solche, nicht gerade benutzerfreundlichen Umstände, wäre ich gerne bei so einem Testbericht hingewiesen worden.

    Antworten Teilen
  2. von michaelh74 am 11.12.2012 (10:03 Uhr)

    @Peer Fischer: Kommt wie immer auf den Anwendungsfall an. Pauschal mit 960 zu arbeiten ist sicher auch nicht das Gelbe vom Ei. Zudem kommt, dass man in der Regel bei eigenem CSS ja auch nicht auf der grünen Wiese beginnt und Vorlage aus vergangenen Projekten meist gut verwerten kann ;-) Wenn die Anwendung aber schön im Grid bleibt und dies exzessiv nutzt, sicher ne gute Option.

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Twitter Bootstrap
Bootstrap/386: Umfangreiches Bootstrap-Theme im Retro-Look
Bootstrap/386: Umfangreiches Bootstrap-Theme im Retro-Look

Retro-Fetischisten und IT-Liebhaber könnten mit dem neuen „Bootstrap/386“-Theme voll auf ihre Kosten kommen. Damit sehen Webseiten aus wie klassische User-Interfaces in den 80er- und 90er-Jahren. » weiterlesen

„Flight“: Twitter veranstaltet erste Konferenz für Mobile-Entwickler
„Flight“: Twitter veranstaltet erste Konferenz für Mobile-Entwickler

Das Unternehmen zeigt am 22. Oktober in San Francisco Developern, welche Apps sie mit dem Social Media-Dienst bauen können. Twitter-CEO Dick Costolo eröffnet das Event mit einer Keynote. » weiterlesen

Bootstrap 3 vs. Foundation 5: Die Top-Frameworks im ersten Vergleich
Bootstrap 3 vs. Foundation 5: Die Top-Frameworks im ersten Vergleich

Heute zeigen wir euch, was die größten Unterschiede dieser beiden Frameworks sind. Im kommenden „Bootstrap 3 vs. Foundation 5“-Teil zeigen wir euch, wie sich die Frameworks im „Prototyping“ schlagen. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen