CSS background-size per differenziare l’esperienza utente su mobile

icon hd

Introduzione Gli ingegneri Apple hanno creato pixel larghi appena 78 micrometri, riuscendo così a quadruplicarne il numero nel display da 3,5 pollici di iPhone 4S e iPhone 4. È proprio grazie alla densità dei pixel (326 per pollice) se testo e grafica hanno un aspetto nitido e uniforme a qualsiasi dimensione. Ti ho introdotto a [...]

Leggi tutto

Form Html5

Form html 5

Ormai tutti siamo coscienti che l’ html5 ha dato una svolta incredibile alla semantica degli elementi e sul modo di strutturare l’intero documento html. Meritano sicuramente attenzione i nuovi form, ci sono oltre una decina di nuovi tipi di input da usare, senza bisogno di trucchi o soluzioni indirette. Testo Segnaposto Il testo segnaposto è [...]

Leggi tutto

Una thumbnail gallery in HTML, CSS e jQuery

thumbnail

L’obiettivo L’obiettivo di questo articolo è quello di aiutarti a creare una thumbnail gallery composta da miniature che occupano tutto lo spazio a disposizione quasiasi sia la risuluzione video o la dimensione del parent. Questa gallery è ottimale per essere utilizzata in tutti quei casi nei quali la dimensione del parent non ha un valore [...]

Leggi tutto

Affiancare elementi blocco con altezze differenti

inlineblock1

Il problema! Uno dei grandi problemi di noi WebDesigner è sempre stato quello di dover affiancare elementi blocco di differenti altezza. L’esempio potrebbe essere quello di una normalissima lista nella quale si susseguono più elementi affiancati l’uno all’altro. L’unica proprietà (a parte il position) che consente di affiancare due elementi blocco estraendoli dal normale flusso [...]

Leggi tutto