Ni vet hur det är att börja med ett nytt projekt. Det ska skrivas index-sida, man börjar med en doctype, sedan head, title, länka in css och javascript… Jobbigt, jobbigt, jobbigt… Och efter det ska alla kataloger in, styles, scripts, sedan .htaccess, robots.txt, hur var det nu man skrev? Ja, ni förstår vad jag menar, grejer som alltid måste göras i starten av varje nytt projekt.

Nu har jag och alla andra utvecklare på PRODUKTION203 tur, då vi har vår frontare Lill-Erik som fixar allt sådant här. Därefter kompletterar vi sidan med .htaccess och robots.txt och liknande.

Men för några veckor sedan så hittade jag ett ganska så nytt projekt som Paul Irish och Divya Manina står bakom: HTML5 Boilerplate, en samling av defaulta filer för HTML5-sidor. HTML5 Boilerplate är Cross-browserkompatibel (då menar jag också IE6), HTML5-ready (man kan använda de nya HTML5-taggar som till exempel <footer> eller <nav>). Den är även mobiloptimerad och innehåller iOS- och Androidskelett för utveckling av mobila applikationer och (verkligen) mycket, mycket mer!

Förutom det så får man en hel del “hax” på köpet som Paul och Divya samlade från olika bloggar och twitts, som till exempel fix för mobil viewport-metatagg. Det som jag tycker är bra är att vid varje liten “hax” så finns det oftast en html-kommentar där de beskriver vad som händer + hänvisar till blogginlägget eller twitten.

Än så länge har vi inte använt det till något större projekt, utan kört det internt och det verkar fungera smidigt och bra. Fördelen är att man slipper tänka på grejer som robots.txt, css-resets, eller .htaccess-hax för att snabba upp sidan något.

Visst låter det spännande? Ni kan ladda ner HTML5 Boilerplate härifrån: http://html5boilerplate.com/ och testa det helt enkelt för att se hur snyggt de har löst vissa grejer.

Visa detta för er Front-endutvecklare, jag tror att hon/han kommer älska det!