HTML 5 e CSS 3 : [scoprire il linguaggio di markup che sta rivoluzionando il web, migliorare l'esperienza utente

I linguaggi su cui si basa il Web si rinnovano e lo conducono oltre il 2.0, verso la frontiera del Web semantico. HTML 5 e CSS 3 sono le basi del Web del futuro, ma non c'è bisogno di aspettare per iniziare a utilizzarli. Questo libro mostra a designer, sviluppatori e professionisti cosa è possibile fare già oggi: dalla creazione di form dinamici piacevoli da compilare, alla gestione di video e audio, all'uso degli strumenti tipografici per ottenere un maggiore controllo su testo e layout, fino alla realizzazione di effetti grafici come transizioni, trasformazioni e animazioni. Tutto con un occhio di riguardo alla semplicità d'uso, l'accessibilità, la semantica. Una guida alla scoperta dell'integrità strutturale di HTML 5 e della flessibilità stilistica di CSS 3 che mostra come ottenere un codice più pulito, interfacce dinamiche più funzionali e contenuti più ricchi, indispensabile per chi vuole iniziare a sviluppare oggi il Web di domani. Prefazione......Page 6 Ringraziamenti......Page 7 HTML: How Tough and Marvellous this Language is! (version n. 5)......Page 8 Come ti scopro il browser!......Page 10 Identificazione diretta della funzionalità......Page 13 Farsi un’idea delle funzionalità supportate......Page 14 Librerie JavaScript......Page 15 Sicurezza e trattamento dei dati personali......Page 16 Conclusioni......Page 17 Elementi di struttura......Page 19 Chi ben incomincia.........Page 21 Perché tanta enfasi sulla codifica dei caratteri?......Page 22 Elemento ......Page 23 Elemento ......Page 24 Elemento ......Page 25 L’articolo e i suoi fogli di stile......Page 26 Elementi e ......Page 28 Elemento ......Page 29 Elementi , , ......Page 31 Elemento ......Page 34 Elemento ......Page 35 Elemento ......Page 36 Elemento ......Page 38 Elemento ......Page 39 Elemento ......Page 40 Elementi e attributi obsoleti......Page 41 Riferimenti alle risorse citate e altri link utili......Page 42 Conclusioni......Page 43 Campi input......Page 45 Minore sforzo cognitivo......Page 46 Mailbox temporanee......Page 48 Le difficoltà di validazione di un indirizzo email......Page 50 La tastiera QWERTY......Page 51 url......Page 52 tel......Page 54 number......Page 56 range......Page 60 Strategia alternativa......Page 61 Riferimenti alle risorse citate e altri link utili......Page 62 Conclusioni......Page 63 Controlli di calendario......Page 64 date......Page 65 time......Page 66 datetime e datetime-local......Page 67 week......Page 68 Color picker......Page 69 Il nuovo elemento datalist......Page 70 Nuovi attributi......Page 71 autofocus......Page 72 Autofocus, una strategia alternativa......Page 74 form......Page 75 pattern......Page 77 placeholder......Page 78 ......Page 80 Alcuni consigli......Page 81 Riferimenti alle risorse citate e altri link utili......Page 83 Conclusioni......Page 84 Video & audio: la lingua franca del Web diventa multimediale......Page 86 L’elemento ......Page 87 Attributo poster......Page 90 Attributi autoplay e loop......Page 91 Elemento ......Page 92 Popcorn.js mette il turbo al tuo video......Page 96 L’elemento ......Page 100 Le API il tuo telecomando!......Page 101 Testare il supporto con Modernizr......Page 105 Conclusioni......Page 107 Canvas......Page 109 , primi passi......Page 110 Un esempio pratico......Page 113 Gradienti lineari e radianti......Page 117 Immagini......Page 122 drawImage(image, dx, dy, dw, dh);......Page 123 drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh);......Page 124 Testo......Page 127 Brevi considerazioni su SVG......Page 129 Conclusioni......Page 131 Microdata: la rivoluzione silenziosa......Page 133 Microdata: la sintassi......Page 135 Alcuni casi speciali......Page 138 Caso 3: elementi innestati......Page 139 Caso 4: proprietà dichiarate al di fuori dall’elemento......Page 141 Elementi tipizzati......Page 142 Google Rich Snippet: le informazioni al servizio dei risultati di ricerca......Page 144 Persone......Page 145 Recensioni singole......Page 147 Recensioni aggregate......Page 149 Riferimenti alle risorse citate e altri link utili......Page 150 Conclusioni......Page 151 Applicazioni web offline......Page 152 Creare un’applicazione offline: il file manifest......Page 153 Scenario 1: prima visita di scrivo.html......Page 157 Scenario 2: visite successive alla pagina web scrivo.html. Nessuna modifica al file manifest......Page 158 Scenario 4: una o più risorse tra quelle segnalate nel file manifest non sono disponibili......Page 159 Riferimenti alle risorse citate e altri link utili......Page 161 Conclusioni......Page 162 Introduzione essenziale ai cookie......Page 163 Supporto......Page 165 Le due facce del Web Storage......Page 166 Interfaccia di programmazione......Page 168 Come accorgersi di modifiche dei dati salvati in locale......Page 171 Tutela dei dati personali......Page 173 Conclusioni......Page 175 Geolocalizzazione......Page 176 Fratello, dove sei?......Page 177 Cenni sulla sicurezza e sul trattamento dei dati personali......Page 179 Geolocalizzazione e Open Data......Page 180 Supporto alla geolocalizzazione......Page 181 Il codice e la Geolocation API......Page 183 Rilevamento “one-shot” delle coordinate geografiche con getCurrentPosition()......Page 186 Tracciamento di un percorso. watchPosition() e clearWatch()......Page 189 Reverse geocoding......Page 190 Firefox......Page 194 Opera......Page 195 Chrome......Page 196 Geotiquette......Page 198 Riferimenti alle risorse citate e altri link utili......Page 199 Conclusioni......Page 200 CSS: Customizing pages So Strongly (version n. 3)......Page 201 Nuovi selettori e pseudo-classi......Page 202 Selettori di attributo......Page 203 elem[attr$=”val”]......Page 204 elem:empty......Page 205 elem:only-of-type......Page 206 elem:nth-child(n)......Page 207 elem:nth-of-type(n)......Page 211 elem:nth-last-of-type(n)......Page 213 elem:last-of-type......Page 214 elem:target......Page 215 elem:enabled, elem:disabled, elem:checked......Page 216 E ~ F......Page 217 Conclusioni......Page 218 Web Fonts......Page 220 Testo ombreggiato......Page 228 Ombreggiature multiple......Page 230 Word Wrap (come spezzare una parola)......Page 231 text-overflow......Page 233 Impaginazione del testo in colonne......Page 234 Riferimenti alle risorse citate e altri link utili......Page 239 Conclusioni......Page 240 Bordi......Page 241 Ombreggiatura applicata ai blocchi: box-shadow......Page 246 Immagini applicate ai bordi: border-image......Page 248 Sfondi......Page 249 Sfondi multipli......Page 250 Sfondi: controllo delle dimensioni......Page 251 background-origin e background-clip......Page 253 Riferimenti alle risorse citate e altri link utili......Page 257 Conclusioni......Page 258 Funzioni di trasformazione......Page 259 rotate()......Page 260 scale(), scalex() e scaley()......Page 265 skew(), skewx() e skewy()......Page 268 translate(), translateX() e translateY()......Page 271 transform-origin......Page 274 Trasformazioni multiple......Page 276 Conclusioni......Page 277 Transizioni......Page 278 Transizioni multiple......Page 281 Modalità di transizione......Page 282 Animazioni......Page 286 animation-name......Page 289 animation-duration......Page 290 animation-direction......Page 291 animation......Page 292 Conclusioni......Page 295 HTML5: tabella di supporto......Page 297 CSS3: tabella di supporto......Page 300