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 lettori

• Storia 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 lettori

• Il 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 lettori

• Organizzare 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 lettori

• Organizzare 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 lettori

• Organizzare 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 lettori

• Organizzare 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 lettori

• I 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 lettori

• Nuovi 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 lettori

• Nuovi 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 lettori

• Nuovi 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 lettori

• Nuovi 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 lettori

• Nuovi 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 lettori

• Nuovi 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 lettori

• Progettare 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 lettori

• Progettare 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 lettori

• L'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 lettori

• L'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 lettori

• L'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 lettori

• L'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 lettori

• Nuovi 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 lettori

• Elementi 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 lettori

• Le 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 lettori

• Le 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 lettori

• Le 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 lettori

• Drag&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 lettori

• Drag&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 lettori

• Microdata - 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 lettori

• Microdata - le API

  Lezione 29 - Il significato di inserire informazioni aggiuntive negli elementi è tipicamente quello di utilizzarle per mostrarle all'utente. Esiste quind...

  161 lettori

• Webstorage

  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 lettori

• File 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 lettori

• File 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 lettori

• Le 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 lettori

• FileSystem 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 lettori

• WebWorkers

  Lezione 35 - Quando ragioniamo in termini di concorrenza la prima cosa che salta alla mente è la parola Thread, per alcuni il termine è associato ...

  264 lettori

• Offline 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