Se finora non vi siete ancora lanciati alla scoperta di questo nuovo mondo, quale migliore occasione che scoprire 10 template web gratuiti realizzati in HTML 5 e CSS 3, pronti per essere studiati e analizzati.

HTML5 Started Pack

HTML5 Starter Pack è un ottimo template, perfettamente modellabile ad ogni situazione. Questo template è cross-browser (incluso IE6), già ottimizzato per i tablet e i netbook, può avvalersi di Cufòn e include alcune classi ri-usabili. Inoltre include anche un file PSD con il layout.

Gotta’ love HTML5 & CSS3

Un layout da galleria immagini basato su HTML5 e CSS3, che include:

• transizioni animate (come ad esempio una descrizione animata attivata all’hover sull’immagine) usando soltanto il CSS;
• un interfaccia tabellare per le varie gallerie usando l’elemento :target di CSS3.

A Free HTML5 and CSS3 Theme

Questo template prevede una sub-page e un form per contatti con validazione server-side e codice (in PHP) per l’invio della mail. Utilizza 960.gs ed include l’uso di un font custom chiamato Chunkfive (sfruttando la funzione @font-face di CSS3).

Coding a HTML 5 Layout From Scratch

Questo template è un’ottima vetrina dimostrative per gli elementi header, footer, section, etc.
E’ stato utilizzato anche hCard microformat per definire il creatore del template. Per il CSS3 troviamo l’utilizzo dell’ombra per i testi e altre funzioni.

52framework

52framework è uno strumento completo che potrà aiutarvi a costruire un sito in HTML5 e CSS3 utilizzando i nuovi tag, i campi form, gli angoli arrotondati, ombre testuali, e tanto altro ancora. Include un sistema a griglia e un CSS reset (modificato per HTML5).

iPhone App. Website With HTML5

Un tutorial completo e dettagliato per la creazione di un’applicazione iPhone in formato sito web usando CSS3 e HTML5. Il template in oggetto utilizza i nuovi tags, quali section, aside, header e footer.

Create an Elegant Website With HTML5 And CSS3

Questo tutorial consiste nella creazione di una semplice pagina web in HTML5 e CSS3 e condivide anche il risultato finale con un comodo download. Sono stati utilizzati molti elementi nuovi ed è stato integrato Modernizr per la compatibilità con IE.

Free HTML5 Template

Un layout HTML presentato in versione 2 colonne  e 3 colonne. Include inoltre anche il file PSD.

HTML5 & CSS3 One-Page Template

Un template a singola pagina che sfrutta il jQuery per le slide animate. Viene fornita anche una versione in HTML semplice.

FlipThru HTML5 and CSS3 Template

Questo è un template semplice, ma elegante, e che sfrutta buona parte delle caratteristiche dell’accoppiata HTML5-CSS3. Prevede anche l’uso di uno slider Accordion realizzato tutto in CSS3.