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à.
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.
Ho torvato un sito molto interssante, che in pratica ci mostra tutte le informazioni sul colore che noi gli diamo.
Possiamo ricercare i colori in vari modi, tipo:
In giro ho trovato un servizio molto utile, che in pratica ti consente di stampare solo determinate parti di una pagina web.
Il servizio si chiama PrintWhatYouLike, ed è gratuito e non richiede neanche registrazione.
C'è anche una versione a pagamento che ti da qualche opzione in più.
Accedendo alla home c'è una casella dove mettere l'indirizzo della pagina che ci interessa.
Quello che vogliamo fare è estrarre le immagini che si trovano dentro a un PDF.
Per farlo possiamo usare un programma da riga di comando che in pratica trasforma il PDF in un file HTML.
In questo modo verranno estratte le immagini per creare la pagina HTML, immagini che poi noi possiamo copiare dove ci pare.
Diciamo che è bel trucchetto.....
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).