Da un paio di giorni Google ha messo online un progetto di nome HTML5Rocks, uno spazio open in cui condividere risorse, esperimenti e tutorial.

Oltre alla famosa slide che circola da un bel po di mesi, lo staf tecnico di Google ha voluto condividere con gli sviluppatori HTML5 tutorial ed esperimenti davvero molto interessanti.

Nella sezione PlayGround abbiamo la possibilità di provare con mouse alcune nuove caratteristiche ed esperimenti.

Leggi il seguito di questo articolo »

Come sappiamo HTML5 porterà con se diverse novità, anche a livello strutturale e semantico del codice.

Una delle domande che assale la maggior parte degli sviluppatori web è se HTML5 sarà capace di abbattere il predominio di Adobe Flash.

Infatti tra le novità introdotte da HTML5, insidia fortemente Adobe Flash il tag <video> con il quale è possibile riprodurre un qualsiasi video in una pagina web senza alcuna difficoltà.

Leggi il seguito di questo articolo »

Avere la possibilità di iniziare subito a studiare codice HTML5 e CSS3 sul campo è molto produttivo, e ci aiuterà a capire le nuove tecniche e la nuova semantica della struttura.

Su questo argomento possiamo trovare guide, gallerie, demo, e oggi ho raccolto per voi 10 template gratuiti di alta qualità e 100 layout sperimentali realizzati in HTML5 e CSS3 da scaricare gratis e usare per i nostri esperimenti.

Vediamo questa raccolta di template realizzati in HTML5 e CSS3.

Leggi il seguito di questo articolo »

Come sappiamo HTML5 è la nuova evoluzione del noto linguaggio di markup per creare pagine web, e molti web designer aspettando che sia raccomandato dal w3C sperimentano tutte le sue potenzialità.

Uno dei tanti è Ricardo Cabello, che ha voluto condividere con tutti gli altri appassionati i suoi esperimenti utilizzando HTML5.

Da non perdere la simulazione del motore di ricerca Google coma una sfera 3D oppure con l’assenza di gravità.

Leggi il seguito di questo articolo »

Come sapremo HTML5 porterà con sè diverse novità semantiche per quanto riguarda la struttura di un layout.

Il layout dovrà essere concepito tenendo in considerazione i nuovi tag, le nuove funzionalità e concetti basilari.

Vediamo insieme questi 30 layout realizzati in HTML5, non fermatevi a vedere solo l’aspetto grafico, ma curiosate anche all’interno del codice.

1. CodeShow

Leggi il seguito di questo articolo »

Continua la rubrica Font Inspirations nella quale potremo scoprire nuovi font da usare e scaricare gratuitamente.

Oggi vi segnalo il Font Facet Ultra – Free Download

Il font è molto originale, caratterizato da questi elementi che compongono le lettere molto interessante.

Come al solito vediamo il font al completo.

Leggi il seguito di questo articolo »

OSM Player è un player video open source gratuito strutturato e realizzato grazie alle nuove potenzialità di HTML5 + jQuery.

Come avrete letto HTML5 è un linguaggio ancora in fase di definizione, che si propone come evoluzione del noto HTML 4.

E’ possibile vedere una demo sul sito ufficiale, il player permette l’integrazione di video da altri servizi come YouTube e Vimeo.

La struttura del player mostra a lato una playlist a comparsa con la descrizione e votazione dei video presenti.

Leggi il seguito di questo articolo »

HTML5 Test è un utile servizio che ti permette di ottenere in tempo reale un punteggio di compatibilità browser con HTML5.

Il punteggio è calcolato sulle numerose novità HTML5, in particolare sul supporto di caratteristiche canvas, audio, selettori, form.

Questo ci permette di verificare un punteggio in linea teoria, in quanto il linguaggio è ancora in fase di definizione.

Leggi il seguito di questo articolo »

RGraph è una potente libreria open source che sfrutta le potenzialità di HTML5, in particolare dal supporto canvas che permette di utilizzare JavaScript per creare animazioni e grafica vettoriale.

Questa libreria permette di creare svariati tipologia di grafici come a barre, a torta, ad anello, radar, a linee, a barra, metro e molti altri ancora.

I grafici possono essere anche interattivi tramite il passaggio e il click del mouse, infatti potremo abilitare zoom, animazioni e addirittura disegnare a mano sulle statistiche.

Leggi il seguito di questo articolo »

Projekktor è un player video opensource realizzato in HTML5 + JavaScript.

Come sappiamo HTML5 è un linguaggio ancora in fase di definizione e quindi non è supportato su tutti i browser in maniera uguale.

Abbiamo la possibilità di provare una demo sul sito ufficiale e scaricare i file sorgenti per iniziare a studiare il codice in HTML5.

In questo periodo gli sviluppatori più curiosi stanno realizzando diverse applicazioni per la fruizione di video in HTML5, per ora questa sembra essere abbastanza valida.

Leggi il seguito di questo articolo »