Initializr stworzony przez Jonathan Verrecchia to świetne narzędzie pozwalające na szybki start ze stroną lub aplikacją www opartą na HTML5.
Został oparty na HTML Boilerplate (H5BP), znanego i bardzo docenianego przez największe firmy takie jak Google, Microsoft czy NASA.
Dodatkami są tu także Modernizr i jQuery.
Jego struktura bez wątpienia jest bardzo elastyczna - sam decydujesz czego potrzebujesz i oto chodzi…
Obecnie (Grudzień 2012) Initializr oparty jest na H5BP 4.0.1, Modernizr 2.6.2 oraz jQuery 1.8.3
HTML5 Boilerplate (H5BP)
Jest to solidny i wszechstronny “szablon” ktorego autorem są Paul Irish, Google i Divya Manian. Składa się HTML, CSS, JavaScript oraz plików konfiguracyjnych, które są podstawą to stworzenia bardzo szybkiej strony internetowej adatpującej sie do wielkości ekranu/urządzenia okna przeglądarki (RWD). Jedną z najbardziej cenionych zalet jest konsekwentna prezentacja (lecz nie identyczna) we wszystkich dostępnych przeglądarkach włącznie ze starszymi wersjami IE.
H5BP zawiera również wiele innych elementów, które zapewne nie będą potrzebne czy zastosowane przy wszystkich projektach a do bardziej konkretnych zastosowań lub dla danej platformy. Dla przykładu: Profilowanie JavaScript (nie dostępne dla IE6 & IE7), Google Analytics, plik Adobe Cross Domain XML (dla Flash), plik konfiguracyjny dla IIS, nginx bądź Apache…
Modernizr
Nowoczesne przeglądarki radzą już sobie z nowymi funkcjami i tagami HTML5 natomiast w starszych np. IE < 8 potrzebna jest mała pomoc w ich “zrozumieniu”. Ten kawałek kodu nazywany jest HTML5shiv. Modernizr - kolejny świetny skrypt używany jako czujnik dla kompatybilności funkcji w danej przeglądarce zawiera wyżej wymienony Shiv i może zostać dodany do wygenerowanego kodu przez Initialzr.
jQuery
Kolejnym udogodnieniem jest opcja określenia wersji biblioteki jQuery która jest tu standardem. Do wyboru skompresowana wersja (gotowa dla środowiska produkcyjnego) lub bez kompresji na przykład dla naszego lokalnego środowiska na którym pracujemy nad kodem.
Więc jak to działa?
Bardzo prosto ! Initializr pozwala na wybranie tych elementow które są potrzebne w danym momencie. Standardowo mamy do wyboru 3 predefiniowane opcje:
Klasyczny H5BP standardowo generuje pustą stronę startową (index.html)
Przy wybraniu tego zestawu otzrymujemy wszystkie dodatki takie jak pliki .htaccess, favicon, apple touch icons, pliki humans.txt i robots.txt, plik Adobe Cross Domain XML (dla Flash), profilowane klasy (dla IE) oraz schemat kodu Google Analytics.
Jeśli chcemy aby po pobraniu nasz szablon nie był pusty możemy wybrac opcje Responsive. W zamian dostaniemy podstawowy, bardzo prosty układ, który pomoże łatwiej zacząć prace nad właściwym układem strony. Otrzymujemy gotowe elementy takie jak nagłówek, stopkę, nawigację oraz cześć główną strony.
Chyba najbardziej trafionym dodatkiem jest możliwość wybrania układu opartego na Twitter Bootstrap (TWBS). Jeden z najbardziej znanych i lubianych szkieletów ułatwiających tworzenie stron internetowych, który codziennie zbobywa sobie nową grupe programistów.
Oczywiście wszystko może zostać dostosowane do naszych potrzeb. Wystarczy tylko wybrać elementy, które będe nam potrzebne…
Potem zostaje nam tylko pobranie archiwum.
Przykładowa treść archiwum może wyglądać tak:
Na co czekasz? Sprawdź Initializr juz teraz !
