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

Con l'avvento di HTML5 e CSS3, la proprietà CSS display si è arricchita di un nuovo valore denominato inline-block. Questo nuovo valore permette agli oggetti renderizzati inline (cioè uno accanto all'altro come ad esempio span e label) di prendere in considerazione proprietà come...

Grazie a librerie come Bootstrap, SemanticUI, Material e altre ancora, è diventato molto più semplice, rispetto al passato, creare interfacce grafiche coerenti a livello di stile, dimensioni del testo, spaziature e molto altro ancora. Queste librerie introducono una serie di ...

Nello script #312 abbiamo analizzato come utilizzare il CSS Grid Model per gestire il layout di una pagina. In questo script entriamo più nel dettaglio analizzando come poter gestire le dimensioni di un div nel quale inseriremo del contenuto.Una proprietà conoscita ai più, ma al ...

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

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

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

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

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

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