html5

Mattepuffo's logo
Canvas con altezza e larghezza al 100%

Canvas con altezza e larghezza al 100%

L'elemento <canvas> di HTML5 è un elemento un pò particolare perchè nasce con lo scopo di crearci animazioni dentro.

In generale, quindi, deve avere un'altezza e una larghezza precise.

In alcuni casi potrebbe essere necessario fare in modo che sia automaticamente all 100% rispetto all'elemento in cui si trova.

Abbiamo due possibilità.

Mattepuffo's logo
Javascript localStorage e sessionStorage

Javascript localStorage e sessionStorage

Con le nuove API di Javascipt / HTML 5 abbiamo la possibilità di sbarazzarci dei cookie, per usare qualcosa di più moderno e sicuro.

Abbiamo due possibilità: localStorage e sessionStorage.

In veirtà i due oggetti sono uguali, cambia solo il tempo di memorizzazione delle informazioni: sessionStorage le mantiene per la sessione corrente, mentre localStorage più a lungo.

Due per ora i contro: il primo è che non è supportato da tutti i browser ovviamente, il secondo è che non è possibile definire il tempo di memoriazzazione come nei cookie (per quanto riguarda localStorage).

Ma veniamo ad un esempio pratico; avevamo visto come geolocalizzare l'utente, e avevamo visto che ogni volta che si accede alla pagina viene richiesta l'autorizzazione.

Allora faremo in modo che venga richiesta solo la prima volta che si accede alla pagina, memorizzando le coordinate con sessionStorage.

Mattepuffo's logo
Inserire video di Youtube in pagine web con gli iframe

Inserire video di Youtube in pagine web con gli iframe

In un articolo precedente avevo spiegato come inserire i video di Youtube nelle nostre pagine web.

Avevo però usato i <object> e <embed> che con HTML5 sono sconsigliati.

Le soluzioni sono due: il tag <video> o gli <iframe>.

La prima soluzione sarebbe la migliore, con il problema però che le vecchie veriosni dei browser non supportano il tag.

La seconda soluzione risulta quindi la migliore in quanto a flessibilità (almeno per ora).

Mattepuffo's logo
Deprecated - Cut the Rope online

Deprecated - Cut the Rope online

Putroppo mi segnalano che il lnk non è più funzionante, quindi lo rimuovo!

Cut the Rope è un celebre gioco per iPhone (e iPad credo) del quale è stato fatot un porting in versione HTML5.

In sostanza è disponibile online con un semplice browser e pare sia al 100% compatibile anche con IE 9.

Mattepuffo's logo
Giocare a Pac-Man online

Giocare a Pac-Man online

Chi nono conesce Pac-Man??

Mitico gioco della Namco che ha subito vari restyle e che è stato più clonato.

Anni fa ne uscì anche una versione 3D.

Ebbene, per gli amanti di questo gioco ho trovato una versione giocabile online,