Initializr je nástroj, ktorý umožňuje jednoducho a rýchlo vygenerovať si štartovací HTML5 Boilerplate pre vlastné potreby.

HTML5 Boilerplate

HTML5 Boilerplate je webová front-end šablóna, ktorá Vám ušetrí mnoho času. Je vyvíjaná predovšetkým Paulom Irishom, frontendovým vývojárom a členom tímu vyvíjajúcim najpopulárnejší Javascriptový framework jQuery a stovkami prispievateľov na githube.

Skladá sa z HTML šablóny, CSS štýlov, Javascriptov a serverovej konfigurácie. Medzi jej hlavné výhody patrí:

  • normalizácia základného vzhľadu naprieč všetkými majoritnými prehliadačmi
  • umožnenie pracovať v HTML5 aj v starších prehliadačoch, ktoré nepodporujú nové elementy
  • optimalizácia serverovej konfigurácie na vysoký výkon
  • mnoho ďalších drobných vychytávok

HTML5 Boilerplate používajú Google, Microsoft, NASA, Nike a mnohí iní.

Initializr

Každý webový projekt vo firme začíname tvoriť s Boilerplate-om. Časom si človek zvykne nepoužívať niektoré nastavenia a aby sme predišli viacnásobnej úprave vždy toho istého, môžeme si Boilerplate forknúť a udržiavať s úpravami vo vlastnom repozitári na Githube. Ak je treba udržiavať takýchto variant viac, nemusí tam byť veľká časová úspora.

Toto je priestor pre Initializr. ten umožňuje „naklikať“ si v jednoduchom intuitívnom rozhraní len tie  prvky, ktoré sú pre aktuálny webový projekt nutné, umožňuje do projektu začleniť napríklad šablóny pre mobilné zariadenia.

V prvom kroku si vyberiete, či chcete vybrať štandardnú šablónu, mobile-first alebo responzívny Twitter Bootstrap. V druhom (poslednom) kroku pred stiahnutím aktuálnej konfigurácie je možné vyrušiť niektoré nepoužívané súbory – humans.txt, 404 stránku atď… Potvrdíte, hotovo.

Výber šablóny:

V prípade mobile-first šablóny tvorcovia Initializru pridali aj vzorové HTML demonštrujúce responzivitu. Štýl je samozrejme ľahko upraviteľný.

Môžete vygenerovať takúto vysoko responzívnu HTML5 šablónu, vhodnú pre všetky zariadenia, ktorá sa veľmi ľahko používa:

 

Takto môže vyzerať reálny projekt založený na šablóne z Initializr:

 

 

Záver: Super vec, vrelo odporúčam na projekt!

(zdroj: blueweb)