Nello script #267 abbiamo visto come creare un component in ReactJS utilizzando una semplice function. Sebbene l'utilizzo di una function sia il metodo più semplice per creare un component, nei casi in cui abbiamo bisogno di maggior potenza possiamo ricorrere all'utilizzo di una ...

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

Tra i nuovi tag semantici introdotti con HTML5 troviamo figure, usato per identificare elementi come diagrammi, illustrazioni, fotografie o esempi di codice. Questi elementi devono essere correlati al contenuto principale al fine di completarlo o come approfondimento ma devono, ...

Quando dobbiamo mostrare un messaggio di aiuto all'utente, il tooltip di default offerto dal browser è comodo, ma non è di certo la soluzione più elegante. Negli anni sono stati creati diversi plugin per creare tooltip più o meno eleganti, ma al momento Bootstrap ne offre uno dei...

Nello script #73 abbiamo visto come gestire le nuove funzionalità di validazione delle form in HTML5.Una delle richieste più diffuse da parte degli sviluppatori è quella di poter personalizzare il messaggio di errore visualizzato, che è gestito direttamente dal browser. Questo è ...

HTML5, mediante le navigation timing API, offre la possibilità di misurare in maniera nativa e molto accurata le prestazioni di una pagina web.Il valore aggiunto di questa API, rispetto alle precedenti tecniche di misurazione, risiede nella possibilità di fornire dei valori di ...

Con Internet Explorer 10 e le (ex) Metro Style Applications, Microsoft ha intrapreso un iniziativa tesa ad uniformare la gestione di 3 differenti tipi di input: touch, pen e mouse con l'intento di facilitare la costruzione di user experience che siano indipendenti dall'hardware ...

Negli script precedenti abbiamo visto come implementare tecniche basate su WebSocket, Server-sent Events e long polling, per poter avere comunicazioni in real time tra client e server.E' utile sottolineare, ancora una volta, che a parte WebSocket, che apre un canale full duplex ...

Uno degli obiettivi di HTML5 è quello di ridurre la necessità di utilizzare codice JavaScript, quando una certa funzionalità può essere facilmente implementata attraverso markup o CSS.In tal senso, il tag datalist introduce la possibilità di utilizzare un set di elementi che ...

Le specifiche appartenenti alla famiglia denominata CSS3 Transforms consente di applicare alcune trasformazioni agli elementi HTML, come rotazione, scale, traslazioni.L'importanza di queste specifiche risiede nel fatto che non richiedono l'utilizzo di JavaScript e vengono fatte ...