Blog extrowebsite

Extrowebsite Logo
Caricamento condizionale immagini di background
Caricamento condizionale immagini di background

Tra i tantissimi siti web responsive in circolazione, si stanno facendo spazio quelli con immagini di sfondo a tutta pagina, oppure inserite in un elemento HTML, solitamente la header. Nel presente articolo vedremo come fare per caricare in maniera condizionale le immagini di sfondo con le Mediaqueries.

Extrowebsite Logo
Responsive Fluid Video
Responsive Fluid Video

Nella moltitudine di layout e siti web responsive, uno degli elementi che dovrebbe essere in perfetta armonia con i contenuti delle pagine web, è l'elemento video. Purtroppo, molti tag html non si comportano in maniera corretta ed uno di questi è il tag <iframe>. Nel presente articolo vedremo come adattare un video a diversi tipi di media, per renderlo completamente fluido.

Extrowebsite Logo
Responsive Flyout Menu
Responsive Flyout Menu

Nell'articolo odierno verrà affrontato il tema della navigazione a più livelli, altrimenti chiamata "navigazione con sottovoci" oppure "flyout menu" in un sito web responsive. L'ispirazione mi è venuta capitando nel sito . Ho trovato un articolo che mostra un menu responsive e che fa uso di pochissimo codice Javascript. Ho chiesto all'amministratore di poter partire dal suo script per arrivare al seguente tutorial. Grazie ad Andrea Marchetti.

Extrowebsite Logo
Responsive Menu Orizzontale
Responsive Menu Orizzontale

In un sito web Responsive, uno degli elementi che riveste una grande importanza è il menu di navigazione. Così come tutta la struttura, anch'esso deve adattarsi alla dimensione del tipo di media dal quale viene richiamato il sito.

Extrowebsite Logo
Layout fluidi e Responsive
Layout fluido Responsive a colonna unica

Cominciamo ad addentrarci un po' più nello specifico con il Responsive Web Design, realizzando un semplicissimo layout a colonna singola e che si adatti a tutte le dimensioni del tipo di media dal quale verrà richiamata la pagina. Quando mi riferisco all'adattamento, mi riferisco al fatto che non appaia la barra di scroll orizzontale nella parte inferiore della pagina. Il primo riscontro lo abbiamo restringendo ed allargando la finestra del browser. Se non appare, è già un buon primo passo.