Guida HTML5
Introduzione
Lezione 1 - L'obiettivo di questa guida è fornire agli autori (Web developers, Webmasters, grafici e chiunque veicoli contenuti formattati tramite codic...
422 lettoriStoria e cronologia di HTML
Lezione 2 - Il lungo cammino verso HTML5 parte dalla prima definizione di HTML avvenuta all'inizio degli anni '90. Il neonato Internet aveva bisogno di un ling...
419 lettoriIl DOCTYPE di HTML5
Lezione 3 - La sintassi HTML di HTML5 richiede la dichiarazione di un doctype in testa al documento per assicurare che il browser renderizzi correttamente la p...
1.269 lettoriOrganizzare i contenuti con HTML5 - section
Lezione 4 - HTML5 introduce un buon numero di nuovi elementi, inizieremo a descrivere quelli strettamente connessi alla organizzazione dei contenuti ed alla st...
497 lettoriOrganizzare i contenuti con HTML5 - article, nav ed aside
Lezione 5 - Article Definizione formale L'elemento article rappresenta una porzione di contenuto indipendente di un documento, di una pagina o di un sito, ta...
434 lettoriOrganizzare i contenuti con HTML5 - header, hgroup e footer
Lezione 6 - header Definizione formale L'elemento header rappresenta un gruppo di informazioni introduttive o di aiuto alla navigazione. Benché heade...
483 lettoriOrganizzare i contenuti con HTML5 - figure e figcaption
Lezione 7 - figure e figcaption Definizione formale di figure L'elemento figure rappresenta un insieme di elementi e testo, opzionalmente corredato da una di...
351 lettoriI media elements di HTML5: video, audio, source e track
Lezione 8 - HTML5 introduce due elementi appositamenti creati per facilitare l'inserimento di contenuti multimediali con l'obiettivo dichiarato di colmare le l...
234 lettoriNuovi elementi in HTML5 - embed, mark e progress
Lezione 9 - Il working draft elenca una serie di nuovi elementi non classificandoli esplicitamente, compongono la lista: embed mark meter progress time ...
230 lettoriNuovi elementi in HTML5 - meter e time
Lezione 10 - meter Definizione formale L'elemento meter rappresenta una misura scalare all'interno di un intervallo definito, oppure un valore frazionario; pe...
190 lettoriNuovi elementi in HTML5 - ruby, rt, rb, bdi e wbr
Lezione 11 - ruby Definizione formale di ruby L'elemento ruby permette di marcare con ruby annotations uno o più frammenti di testo. Le ruby annotation...
192 lettoriNuovi elementi in HTML5 - [ menu ] e command
Lezione 12 - Gli elementi menu e command fanno parte della famiglia degli interactive elements, che comprende anche details e summary. Come suggerisce la classi...
287 lettoriNuovi elementi in HTML5 - details e summary
Lezione 13 - details e summary Definizione formale L'elemento details rappresenta informazioni addizionali o controlli che l'utente può ottenere su ric...
176 lettoriNuovi elementi in HTML5 - datalist, keygen ed output
Lezione 14 - datalist Definizione formale L'elemento datalist raggruppa un insieme di opzioni che rappresentano quelle predefinite per altri controlli. I co...
194 lettoriProgettare i forms con HTML5 (parte 1)
Lezione 15 - HTML5 si propone di offrire una esperienza totalmente nuova nella fruizione dei forms; i mezzi per assicurarla passano attraverso l'introduzione di...
273 lettoriProgettare i forms con HTML5 (parte 2) - Esempi
Lezione 16 - Ipotizziamo di voler creare un form di inserimento da proporre all'utente utilizzando quanto più possibile le nuove possibilità offer...
352 lettoriL'elemento canvas e le canvas API (parte 1) - Fondamenti
Lezione 17 - HTML5 introduce l'elemento canvas (tela, area di disegno) e le relative APIs per permettere di generare o modificare elementi grafici (bitmap) con ...
264 lettoriL'elemento canvas e le canvas API (parte 2) - Creazione di testi
Lezione 18 - Come abbiamo visto le APIs espongono funzionalità per disegnare forme geometriche, semplici o complesse, ma non si limitano a questo; fanno ...
176 lettoriL'elemento canvas e le canvas API (parte 3) - Gradienti, ombreggiature, trasformazioni
Lezione 19 - Gradienti Per colorare il piano cartesiano della lezione precedente ho utilizzato un gradiente lineare, vediamo nel dettaglio tutte le possibilit&...
185 lettoriL'elemento canvas e le canvas API (parte 4) - Tipi di linee e manipolazione per pixel
Lezione 20 - Tipi di linee La specifica mette a disposizioni diverse varianti per modificare lo stile delle linee che è possibile disegnare: context....
176 lettoriNuovi attributi, attributi ed elementi modificati in HTML5
Lezione 21 - Nuovi attributi HTML5 introduce alcuni nuovi attributi a vari elementi che erano già parte di HTML4: Gli elementi a ed area ora possiedo...
167 lettoriElementi ed attributi assenti (non inclusi) in HTML5 ed altre differenze con HTML4
Lezione 22 - Come indicato all'inizio di questa guida non esistono in HTML5 veri e propri elementi deprecati; esistono tuttavia tags obsoleti che gli autori non...
274 lettoriLe Geolocation APIs (versione 2) - parte 1
Lezione 23 - Le APIs di geolocalizzazione non sono tecnicamente parte delle specifiche HTML5, sono descritte in un documento separato (che trovate qui)che ripor...
255 lettoriLe Geolocation APIs (versione 2) - parte 2
Lezione 24 - Continuiamo in questa lezione la nostra analisi delle interfacce implicate nella geolocalizzazione. L'interfaccia Position L'interfaccia funziona...
244 lettoriLe Geolocation APIs (versione 2) - Esempi
Lezione 25 - Ora che abbiamo padroneggiato la teoria il draft ci viene in aiuto portandoci all'attenzione una serie di esempi divisi per tipo di richiesta: Ric...
242 lettoriDrag&Drop - fondamenti ed interfacce coinvolte
Lezione 26 - Esistono, nascosti dietro le luci sfavillanti di HTML5 alcuni tesori nascosti, trattati separatamente e senza intorno il clamore suscitato da altre...
231 lettoriDrag&Drop - Gli eventi associati
Lezione 27 - Ogni evento che partecipa al processo di click, trascinamento e deposito può essere intercettato e gestito con un listener, gli eventi inter...
255 lettoriMicrodata - i fondamenti
Lezione 28 - L'altro underdog di HTML5 si chiama microdata; l'idea è quella di estendere HTML aggiungendo un vocabolario personalizzato per le nostre pag...
193 lettoriMicrodata - le API
Lezione 29 - Il significato di inserire informazioni aggiuntive negli elementi è tipicamente quello di utilizzarle per mostrarle all'utente. Esiste quind...
161 lettoriWebstorage
Lezione 30 - Iniziamo con questa lezione il viaggio tra le specifiche meno note che ruotano intorno ad HTML5 in un orbita più "periferica". Al...
176 lettoriFile API - Fondamenti
Lezione 31 - In questa lezione ci occuperemo di un'altra importante specifica relativa ad HTML5, descritta in un documento separato che potete consultare a ques...
245 lettoriFile API - Esempi
Lezione 32 - Partiamo dalla semplice lettura di un file con copia del contenuto nel browser; ho utilizzato jQuery solamente per rendere il codice più con...
317 lettoriLe FileSystem API - Fondamenti ed interfacce coinvolte
Lezione 33 - Naturale estensione delle File APIs sono le FileSystem APIs, il cui scopo risiede nel permettere ad una Web Application di richiedere uno spazio de...
271 lettoriFileSystem API - Esempi
Lezione 34 - Prima di vedere qualche esempio sottolineo che al momento soltanto Chrome supporta le APIs; partiamo con il codice necessario per ottenere un files...
311 lettoriWebWorkers
Lezione 35 - Quando ragioniamo in termini di concorrenza la prima cosa che salta alla mente è la parola Thread, per alcuni il termine è associato ...
264 lettoriOffline API
Lezione 36 - Anche in un periodo storico in cui quasi ogni dispositivo è connesso alla rete è necessario pensare ad un meccanismo che permetta di ...
280 lettori









