Blog extrowebsite

Extrowebsite Logo
Tipografia Responsive
Tipografia Responsive: adattare testo e font ad ogni dimensione di media

La stragrande maggioranza degli articoli che trattano di Responsive Web Design, sono focalizzati su due aree principali: layout e griglie fluide, immagini e video adattabili al loro contenitore. Un argomento poco trattato è quello della tipografia responsive. Per la maggior parte dei siti, se non tutti, il testo, inteso come il "contenuto", rappresenta l'elemento più importante.

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.