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.

Geolocalizzazione con Javascript

Tra i nuovi oggetti diposnibili nelle API Javascript di HTML 5 troviamo anche ciò che riguarda la Geolocalizzazione.

In pratica, senza usare strumenti esterni come Google Maps, siamo in grado di identificare le coordinate del browser.

Ovviamente non tutti i browser supportano questa funzionalità, quindi nel caso dovete fare affidamento ad altri strumenti.

Qui trovate una buona guida, e sotto una funzioncina per fare quello ci serve; tenete in considerazione anche che la Geolocalizzazione richiede il permesso da parte degli utenti (in verità dipende dal browser, ma tutti ad oggi richiedono il permesso all'utente).

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).

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.

Testare supporto a HTML5

Gli sviluppatori web devono tenere in considerazione la compatibilità degli stili e degli elementi tra i diversi browser.

In genere quelli testati sono:

• Firefox
• Chrome
• Safari
• Opera
• Internet Explorer

Di quest'ultimo poi si deve prendere in considerazione almeno le versioni 7 - 8 - 9.

Se poi parliamo dell'HTML5 le cose si complicano.

Tutti vorrebbero usarlo, ma le incompatibilità presenti sono ancor molte per farne un uso completo; non senza prevedere almeno una versione "di scorta".

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,