Guida HTML5

7 luglio 2014

Una guida per conoscere e applicare da subito le novità introdotte nella specifica HTML5, dai nuovi tag semantici alle API Javascript

Le basi di HTML5

  1. 1. Introduzione
    Introduzione alla guida e presentazione del metodo operativo
  2. 2. Da HTML 4 ad HTML5
    Il percorso che ha portato allo sviluppo di HTML5, con una breve...
  3. 3. La sintassi di HTML5
    Le regole di base per scrivere codice HTML5; le differenze rispetto a...
  4. 4. Elementi disegnati per un web moderno
    Cosa cambia in HTML5 rispetto alla versione 4 del linguaggio:...
  5. 5. Attributi globali
    Analisi dei nuovi attributi globali introdotti nella specifica ed...
  6. 6. Un nuovo content model
    Un nuovo approccio alla strutturazione semantica dei contenuti in un...
  7. 7. Panoramica sui content model e presentazione del primo progetto guida
    Esaminiamo da vicino gli altri content model previsti nella specifica...

Nuovi elementi strutturali e semantici

  1. 8. Header
    Raggruppare elementi ausiliari e introduttivi
  2. 9. Footer
    Un tag per raggruppare informazioni sulle sezioni che compongono la...
  3. 10. Section
    Creare sezioni generiche all'interno di una pagina
  4. 11. Article
    Definire sezioni di contenuto autonome e ripubblicabili
  5. 12. Nav
    Un tag studiato per definire e raggruppare gli elementi di...
  6. 13. Aside
    Raggruppare informazioni correlate ai contenuti principali
  7. 14. Hgroup
    Raggruppare correttamente i titoli
  8. 15. Mark
    Evidenziare parti o parole importanti della pagina
  9. 16. Time e gli attributi pubdate e datetime
    Definire sementicamente le date e gli orari
  10. 17. Meter
    Rappresentare e definire misure scalari
  11. 18. Progress
    Un tag per rappresentare lo stato di completamento di un compito
  12. 19. L'elemento <picture>
    Definire diverse fonti per le immagini e ottenere figure responsive,...
  13. 20. Altri tag
    Un elenco dei tag meno importanti definiti nella specifica

I form: nuovi attributi e tipi di input

  1. 21. I form in HTML5: una panoramica
    Cosa cambia nella gestione dei moduli in HTML5
  2. 22. Nuovi attributi per i form: autofocus, placeholder e form
    Iniziamo la panoramica sui nuovi attributi definiti nella specifica...
  3. 23. Nuovi attributi dei form per la validazione
    Analisi degli attributi required, autocomplete, multiple, pattern,...
  4. 24. Input type: tel
    Inserire numeri di telefono in un form
  5. 25. Input type: search
    Un campo specifico per le ricerche
  6. 26. Input type: url
    Inserimento di URL in un form
  7. 27. Input type: email
    Un campo destinato all'inserimento di indirizzi e-mail
  8. 28. Nuovi tipi di input per la gestione delle date
    Una panoramica dei tipi di input datetime, date, month, week, time,...
  9. 29. Input type: number
    Inserire valori numerici in un form
  10. 30. Input type: range
    Inserimento di un numero attraverso uno slider
  11. 31. Input type: color
    Un campo per la selezione di colori da una palette
  12. 32. Cosa sono le datalist?
    Collegare un campo di testo ad una lista di opzioni

I microdati

  1. 33. La potenza dei microdati
    Definire contenuti semantici in HTML5

Primo progetto guida

  1. 34. Un template per blog in HTML5
    Struttura, compatibilità cross-browser, stili

API per Web Applications

  1. 35. Nuova linfa alle applicazioni web
    Una panoramica sulle nuove API legate alla specifica HTML5
  2. 36. Applicazioni web offline (file .manifest)
    Conservare una copia locale di risorse presenti in un'applicazione
  3. 37. Indexed Database API
    Creare e manipolare un database di ispirazione NoSQL memorizzato...
  4. 38. WebStorage API
    Superare i limiti dei cookie con sessionStorage e localStorage
  5. 39. Web Workers API
    Eseguire codice Javascript in modo asincrono, senza intaccare le...
  6. 40. WebSocket API
    Stabilire e mantenere una connessione dati tra browser e server...
  7. 41. Drag and Drop
    L'implementazione in HTML del meccanismo di trascinamento e rilascio...
  8. 42. Geolocation API
    Gestire dati geografici e geospaziali
  9. 48. SVG e MathML
    Novità nel supporto in HTML5 per Scalable Vector Graphic e...

Canvas e Multimedia

  1. 43. Canvas
    Disegnare e tracciare immagini in HTML5
  2. 44. Canvas: un esempio pratico
    Implementiamo l'elemento canvas nel nostro progetto guida
  3. 45. Video
    Incorporare, riprodurre e gestire filmati in modo nativo
  4. 46. Video e Canvas: un esempio pratico
    Manipolare flussi video in tempo reale con l'ausilio di un canvas
  5. 47. Audio
    Impariamo a incorporare e riprodurre i file audio in modo nativo...

Secondo progetto guida

  1. 49. Una 'lavagna virtuale'
    Evoluzione dell'applicazione attraverso l’utilizzo delle API HTML5

HTML5 e compatibilità cross-browser

  1. 50. Feature detection e strategie di fallback
    Tecniche, strumenti e alternative per iniziare a implementare HTML5...
  2. 51. Appendice: Tabelle del supporto sui browser di HTML5
    Una sintesi visuale e aggiornata del supporto cross-browser delle...
Se vuoi aggiornamenti su Guida HTML5 inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Guida HTML5

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy