Template HTML5
Venerdì 4 Giugno 2010 - 08:22
di Cesare Lamanna
Le collezioni di template gratuiti che fanno uso nella definizione del layout dei nuovi tag strutturali introdotti con HTML5 si diffondono sempre di più. Tra gli altri segnaliamo il più ricco di modelli, FreeHTML5 Templates, mentre una lista di risorse con link a template di base potete trovarla su questa pagina.
Lo schema usato nella creazione dei template è sempre lo stesso. Nel markup vengono adottati elementi come header, footer, section, article, etc. Per garantire il supporto a IE6, IE7 e IE8 che non applicano gli stili a questi elementi ci si appoggia alla libreria html5.js di Remy Sharp. Il resto, as usual, è affidato ai CSS.
Coniugando HTML5 e CSS3, poi, possono venire fuori cose molto interessanti (nessuna immagine è stata usata per creare questa demo).
Categoria: CSS, Web Standards | Permalink
Commenti
1
Cesare, com’è che ogni volta che fai dei post sulla scrittura di codice corretto, sbagli a scrivere codice nel post? :P
# - postato da Slam - 04 Giugno 2010 - 09:33
2
corretto :)
# - postato da Cesare Lamanna - 04 Giugno 2010 - 11:29
3
Io dico solo questo: diamoci una diamine di mossa a passare definitivamente a html5 e css3 perche’ qui c’e’ davvero tanto bisogno di innovazione e standard!
# - postato da Emanuele Ricci - 04 Giugno 2010 - 12:41
4
@Ricci: le innovazioni di html5 e css3 sono veramente poche se non nulle. Quello che si fa con questi due nuovi standard (standard sì invece che te lo passo), è fare tutto quello che si faceva prima, senza workaround.
# - postato da Slam - 04 Giugno 2010 - 12:53
5
Scusate lo scetticismo….
Partendo dall’assunto che cmq vedo in html5 css3 degli ottimi strumenti per ottenere effetti molto gradevoli con poca fatica (in realtà con i css3 più che con html5…)
Secondo voi, c’è reale vantaggio OGGI a creare layout con questa tecnica (intendo, dovendosi appoggiare necessariamente a JS per poter offrire supporto ai vari IE….)
# - postato da Luca - 04 Giugno 2010 - 13:37
6
Secondo me Luca il vantaggio consiste nel ‘portarsi avanti’, iniziare a prendere confidenza con i nuovi elementi, con il modo giusto per strutturarli nel markup, etc. Tieni pure presente che IE9 non avrà quel problema dei tag non riconosciuti, per cui presto tutta questa roba sarà davvero il pane quotidiano per tutti. Chiaro che tutto dipende dal progetto, però per iniziare, magari per siti personali e simili, il terreno mi pare pronto.
# - postato da Cesare Lamanna - 04 Giugno 2010 - 14:39
7
IMHO usare header invece di div id=header attualmente è un po’ inutile :P
8
Interessante…..
# - postato da Ratamusa - 07 Giugno 2010 - 09:29
9
Il problema è che da statistiche di uso quotidiano su tutti i siti che ho realizzato, oltre il 60% utilizza ancora IE e di questi un buon 20% IE6.. ed un 25% IE7.. quindi fin che microsoft non renderà obbligatorio il passaggio a ie superiore, come poter pensare di utilizzare tutte queste tecnologie nuove?
# - postato da Gro - 10 Giugno 2010 - 10:03