10 template web gratuiti in HTML5 e CSS3
Diciamoci la verità: l’attuale accoppiata HTML-CSS ha un pò stancato per tutte le sue intriseche limitazioni e stavamo tutti aspettando l’arrivo dell’HTML 5 e di CSS3 per far volare finalmente la nostra creatività. Uniamo a tutto questo la soluzione al problema della compatibilità cross-browser, grazie a strumenti quali Modernizr, ExplorerCanvas o IE7.js.
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.
