Blog extrowebsite

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
Menu orizzontale responsive
Menu orizzontale responsive

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.

Extrowebsite Logo
Responsive Web Design
Responsive Web Design: visualizzare siti web su diversi tipi di media

Il Responsive Web Design è una tecnica del web design per realizzare siti in grado di adattarsi automaticamente e facilmente ai dispositivi dai quali vengono visualizzati (computer con diverse risoluzioni, tablet, smartphone, cellulari), evitando quanto più possibile, all'utente, la necessità di scorrere e ridimensionare le pagine che egli visita per la lettura dei contenuti.