Nello script #328 abbiamo parlato di accessibilità e posto l'accento sul migliorare l'utilizzo delle pagine web tramite lettori di schermo.Nell'esempio riportato valutavamo un cambiamento dinamico sull'attributo di un bottone. Nel caso l'operazione sul form vada bene o male, ...

La bellezza dell'ecosistema che ruota attorno a React è la vastità di librerie che abbiamo a disposizione. In questo script ci soffermiamo su una in particolare: CSS Module. Grazie a CSS Module, possiamo facilmente creare dei micro-moduli CSS da incorporare all'interno della ...

I componenti OffCanvas, o blade in Azure, sono delle sidebar che appaiono o scompaiono a seguito di un iterazione con l'utente. Il loro funzionamento è simile ad una modale, ciò che cambia è la posizione e il contesto di utilizzo.È un componente abbastanza insolito da trovare nel...

La History API di HTML5 consente di avere un maggior controllo della navigazione, questo vantaggio è indispensabile in scenari in cui i contenuti sono renderizzati dinamicamente nella pagina.Se l'utente clicca sul tasto "indietro" del browser, si aspetterà di vedere lo "stato" ...

FileAPI è una delle tante API presenti nelle specifiche di HTML5. Come il nome suggerisce, consente di manipolare file locali all'interno della pagina HTML. Risulta molto comoda perché consente di visualizzare, ad esempio, l'anteprima di una serie di immagini di cui si intende ...

In uno script precedente abbiamo visto come catturare i dati dal GPS, utilizzando le Geolocation API di HTML5 da un dispositivo mobile equipaggiato degli opportuni sensori.http://www.html5italia.com/script/47/Sfruttare-Funzionalita-GPS-HTML5-Geolocation-API.aspxIn questo script ...

Comunemente, parlando di HTML5, intendiamo un vasto insieme di specifiche che comprendono nuovi elementi di markup, funzionalità multimediali (audio e video), API JavaScript, CSS3, SVG, ecc.Alcune di esse sono da tempo supportate praticamente da tutti i principali browser e sono ...

Nello script #7 (http://www.html5italia.com/script/7/Gestione-Avanzata-CSS-CSS3-Media-Queries.aspx) abbiamo visto come sia possibile utilizzare Media Query di CSS3 per gestire lo stile della pagina in base alla risoluzione dello schermo e all'orientamento del dispositivo; in ...

Nello script precedente abbiamo introdotto gli eventi di tipo touch previsti dal W3C per gestire l'interazione dell'utente con il dispositivo attraverso il tocco.Intercettando gli eventi di base touchstart, touchend e touchmove e combinandoli opportunamente con della semplice ...

I Web Workers consentono di eseguire degli script intensivi in un thread separato, mantenendo la pagina reattiva e senza blocchi, come contrariamente avverrebbe con uno script "convenzionale".Qualsiasi script che abbia un "costo" di startup ed una durata rilevanti, risulta un ...