Negli script delle settimane precedenti abbiamo parlato di pre-compilatori, ma nello sviluppo di applicazioni moderne raramente si va a creare un'interfaccia in puro HTML se non durante la fase di prototipizzazione della UI. Ogni framework ha le sue caratteristiche ed estensioni...

L'accessibilità è un pilastro fondamentale nello sviluppo di applicazioni web moderne. Angular ha introdotto miglioramenti significativi per il supporto degli screen reader e il contrasto nei suoi aggiornamenti delle versioni 15 e 16. Questi aggiornamenti mirano a rendere le ...

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

Sviluppare applicazioni frontend di grandi dimensioni presuppone l'adozione di pattern di sviluppo diversi da quelli usati per applicazioni di piccole po medie dimensioni. Uno dei pattern più importanti è quello che divide l'applicazione in tante piccole applicazioni: ...

Molte volte ci capita di voler provare degli snippet di codice, oppure di voler un ambiente il più leggero possibile in grado di permetterci di testare qualsiasi snippet di codice HTML/CSS/JS?Ad oggi esistono molti editor online, come PasteBin, JSFiddle, CodePen, ma il loro scopo...

Nello script #86 abbiamo visto come gestire le proprietà calcolate utilizzando LESS. Questo va bene in scenari dove la dimensione è comunque prefissata, mentre spesso, per ragioni di layout, è necessario procedere con un calcolo che dipenda da un valore che si conosce solo a ...

Nello script #129 abbiamo visto come poter gestire i layout con il grid system di Bootstrap.In questo scenario, vedremo come gestire l'offset delle colonne, per organizzare al meglio il layout delle nostre pagine.Per spostare una colonna a destra, ad esempio per riempire lo ...

React è una delle tecnologie più usate per lo sviluppo di applicazioni web che girano interamente sul client (Single Page Application). Grazie al suo utilizzo all'interno di Facebook, la sua adozione da parte degli sviluppatori è sempre crescente e la community che gira intorno ...

Bootstrap prevede un grid layout dove ogni riga può essere suddivisa in un massimo di 12 colonne. Quando creiamo una colonna, dobbiamo decidere quante colonne questa occupa tramite una classe css. Per fare un esempio, se diamo a una colonna la classe col-lg-12, questa occuperà ...

Nel nostro percorso alla scoperta di Tailwind CSS, approfondiamo ora l'utilizzo pratico di questo framework per la creazione di componenti di base all'interno di un'applicazione web statica, provando ad utilizzare elementi comuni come navbar, bottoni e form.Per iniziare, creiamo ...