Il 05 dicembre 2011 14:39, Luca B. [email protected] ha scritto:
html5_boilerplate", dov’e’ che ne posso sapere di piu’?
http://html5boilerplate.com/
GitHub - h5bp/html5-boilerplate: A professional front-end template for building fast, robust, and adaptable web apps or sites.
Alcune chicche di html5 boilerplate:
- l’apertura del tag fatta cos:
questo ti permette, ad esempio, di avere un css per ie8 in cui usi
semplicemente
ie-8 qualcosa { … }
Cos non hai problemi di compatibilit.
- partial:
il layout diviso in tanti piccoli partial, in particolare:
** _head, che a sua volta contiene il partial _stylesheets e poi due
soli javascript da caricare in head, modernizr e respond (vedi nota
pi in basso);
** _header, che contiene il tag ;
** _footer, per il tag ;
** _javascripts, per tutti gli altri javascript.
Questa struttura molto ordinata, i partial brevi sono molto pi
gestibili e facili da leggere.
Sul javascript:
l’idea del boilerplate di mettere modernizr e respond nel tag head,
cos che i suoi effetti siano subito disponibili, e tutto il resto del
javascript in fondo alla pagina, subito prima del tag di chiusura del
body, cos anche se la connessione lenta la pagina appare subito,
mentre al contrario se metti tutto il javascript nel tag head, capita
di vedere una pagina bianca per molti secondi.
modernizr implementa alcune funzionalit nei browser che non le hanno;
inoltre toglie la classe no-js al tag head e invece aggiunge la classe
js, pi tutta una serie di altre classi, che forniscono indicazioni
sulle capacit del browser: canvas o no-canvas, touch o no-touch, rgba
o no-rgba, history o no-history, e cos via; in questo modo, sia da
css che da javascript puoi facilmente impostare che, ad esempio, sui
dispositivi touch deve succedere una cosa, su quelli no-touch
un’altra, o che se il javascript disabilitato (e quindi hai la
classe no-js) deve apparire una cosa e non un’altra.
respond.js abilita una serie di funzionalit nei browser scrausi; per
maggiori dettagli, vedi:
Oltre a tutto ci, ovviamente il boilerplate ti propone di usare compass:
http://compass-style.org/reference/compass/
Da un po’ di tempo, per le nuove applicazioni sto usando Rails 3.1 con
compass, html5_boilerplate, coffeescript e jammit:
http://documentcloud.github.com/jammit/
(Jammit ti permette di definire gruppi di file css e javascript per
impiegarli nelle varie pagine; in development vedrai tutti i singoli
file cos come sono, commenti, indentazione e tutto, mentre in
produzione genera singoli file strippati e compressi ad alte
prestazioni; tutto senza muovere un dito).
pietro
