Nelle pagine web è ormai consuetudine inserire molti anchor tag, i quali fungono come puntatori a una specifica parte della pagina, per facilitarne la navigazione suddividendola in paragrafi o aree tematiche. Ma come è possibile ottenere lo stesso effetto all'interno di un ...

I tag select sono i più complessi da rendere simili su tutti i browser, perché molti engine (ad esempio, Safari) aggiungono effetti come bordi. Fortunatamente, è possibile intervenire attraverso l'uso di una semplice serie di proprietà a livello CSS, che vanno ad azzerare lo ...

Ogni component di React deve avere un solo nodo padre. Spesso questo nodo è un tag div o span o table o altro ancora. Esistono tuttavia dei casi in cui questo component non può essere un tag HTML. Analizziamo il prossimo esempio.class MyTable extends React.Component { render...

Una delle novità di HTML5 è l'introduzione di attributi globali personalizzati per l'aggiunta di dati agli elementi del DOM.Questi attributi sono caratterizzati dal prefisso data- e possono contenere una gran varietà di informazioni e meta-informazioni per descrivere l'elemento, ...

Boostrap introduce una serie di stili che possono essere applicati a qualsiasi tag (button, input, a o perfino uno span), per applicare effetti che ricordano un pulsante. In generale, è consigliabile utilizzare button, per avere una maggiore compatibilità cross-browser:Salva

CSS3 consente di controllare in modo molto preciso lo sfondo degli elementi della pagina.Tra le nuove proprietà introdotte troviamo background-clip che consente di specificare quale sarà l'area interessata dallo sfondo. I valori disponibili sono: border-box: lo sfondo verrà ...

Abbiamo già parlato in passato di Bootstrap e di quanto faciliti la creazione di layout.L'esempio di oggi consiste nel creare la classica form, che tipicamente in passato veniva ricreata attraverso delle tabelle, utilizzando solo stili: Nome

Grazie alla fullscreen API di HTML5 è possibile offrire una user experience di tipo "immersive" anche nelle web application.In particolari applicazioni, potrebbe essere necessario occupare tutto lo spazio disponibile sullo schermo, rimuovendo i bordi della finestra del browser, ...

In uno script precedente abbiamo visto come utilizzare i webworkers per eseguire uno script in background: http://www.html5italia.com/script/41/Usare-Web-Workers-Eseguire-Script-Background.aspxQuesta tecnica prevede la scrittura di uno script separato da eseguire in un altro ...