Initializr ist ein Onlinedienst, mit dessen Hilfe man sich eine Projektvorlage auf der Basis der HTML5 Boilerplate (H5BP) zusammenklicken kann. Vor ziemlich genau einem Jahr berichtete ich erstmals darüber. In der Zwischenzeit wurde das Projekt des Entwicklers Jonathan Verrechia deutlich erweitert. So ist es mittlerweile nicht nur möglich, H5BP zu verwenden. Vielmehr steht ein dediziertes Responsive-Template, sowie Twitters Shooting Star Bootstrap zur Verfügung.

Initializr: die Initialzündung für das eigene Webprojekt

Junge, wie die Zeit vergeht. Da dachte ich vor knapp 12 Monaten noch, Initializr habe keine große Perspektive. Zu limitiert erschienen mir die Möglichkeiten. Lediglich H5BP wurde unterstützt, responsives Design nur in dessen Rahmen und den Modernizr musste man sich manuell besorgen. Umso überraschter war ich, bei einem Routine-Blick auf ältere Projekte feststellen zu können, dass Verecchia in den letzten 12 Monaten keineswegs untätig gewesen ist.

So hat er vor allem eine handfeste Alternative für das responsive Webdesign durch den Einbau von Twitters Bootstrap in Initializr geschaffen, auch Modernizr backt er jetzt gleich mit ein. Bootstrap, das Framework aus dem Hause Twitter, stand zum Start des Initializr noch gar nicht zur Verfügung, sondern wurde erst letztes Jahr im Juli der Web-Öffentlichkeit zugänglich gemacht. Seither erlebt es einen regelrechten Boom.

Developern, die einen Mobile First Approach verfolgen, liefert Verecchia eine speziell unter diesem Ansatz gedachte eigene Vorlage mit. Die Kompilation des eigenen Initialzündsatzes ist simpel. Zunächst gilt es, die Entscheidung zu treffen, auf welcher Basis man sein Projekt starten will. Hat man sich zwischen H5BP, Bootstrap und Verecchias Responsive-Template entschieden, erfolgt in einem zweiten Schritt die Auswahl der Optionen im Detail. Hier ist die Möglichkeit der Einbindung von Modernizr und Respond, sowie die Option, das CSS als LESS generieren zu lassen, besonders erwähnenswert.

Initializr: Entdecke die Möglichkeiten…

Initializr verwendet zum Zeitpunkt dieses Beitrags die jeweils aktuellen Versionen aller Module, die es in das jeweilige Download-Zip der Wahl verpacken will. Verecchia liefert zu allen drei Varianten eine mehr oder weniger ausführliche, aber stets ausreichende Dokumentation in Form von Beiträgen auf seinem Blog mit.

Wer ohnehin vorhatte, ein Projekt auf Basis von H5BP oder Bootstrap zu starten, macht keinen Fehler, wenn er/sie die Grundkonfiguration über den Initializr vornimmt. Wer sich näher mit dem Ansatz Mobile First befassen will, sollte sich einmal das entsprechende Template Verecchias ansehen (Demo | Dokumentation).