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 ...

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, ...

Una delle funzionalità più comuni di un'applicazione web è sicuramente quella di renderizzare liste in diversi formati. In alcuni casi utilizziamo elenchi puntati, in altri usiamo delle griglie, in altri casi usiamo delle ListView. A prescindere dalla forma che diamo alla lista, ...

Uno dei principali vantaggi nell'utilizzo di framework JavaScript front-end è la possibilità di creare delle pagine il cui contenuto sia facilmente editabile, magari semplicemente premendo un tasto che converta dei dati visualizzati come testo in una form, anche complessa, la ...

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...

Spesso si ha la necessità di limitare i caratteri consentiti all'interno degli input nei nostri form. Il metodo di gestione più utilizzato prevede l'utilizzo dei validatori. Questi, essendo parte del sistema di validazione, consentono di gestire lo stato della form e conoscere, ...

Durante lo sviluppo di applicazioni web basate su Javascript è importante tenere traccia delle chiamate AJAX. Sebbene tutti i browser abbiano un tracer HTTP incorporato, poter loggare dati aggiuntivi inerenti all'applicazione aiuta a capire meglio l'origine delle chiamate AJAX e ...

Come abbiamo visto nello script #72, HTML5 introduce nuovi tipi di input, necessari ad una corretta validazione dei differenti tipi di valori possibili in una form, oltre che per semplificare l'inserimento dei dati da parte dell'utente.Generalmente, per offrire un aiuto durante l...

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 ...