Blog extrowebsite

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.

Extrowebsite Logo
Immagini opache e sfumate con CSS3
Immagini opache e sfumate con CSS3/figcaption>

Se si ha la necessità di "manipolare" le immagini, e voler apportare qualche effetto simile ai filtri dei più comuni programmi di grafica, è possibile avvalersi solo dei CSS3. L'articolo odierno affronta il tema, come si evince dal titolo, dell'applicazione di effetti di sfumatura ed opacità sulle immagini, con i fogli di stile.

Extrowebsite Logo
Tabella con scroll orizzontale
Tabella con scroll orizzontale

Prosegue la serie di articoli dedicati alle tecniche per realizzare tabelle che si adattano perfettamente alle diverse tipologie di media dal quale vengono visualizzate. Oggi è la volta delle tabelle con una barra di scroll orizzontale, dopo aver visto come e .

Extrowebsite Logo
Tabella responsive con scroll verticale
Tabella responsive con scroll verticale e header fissa

Visualizzare sul monitor una tabella con una grande mole di dati non ha mai rappresentato un problema. Se a questo aggiungiamo che la suddetta tabella potrebbe avere centinaia di celle, allora il discorso cambia. Non ultimo, se tale tabella dovesse essere richiamata attraverso un tipo di media quale uno smartphone, in questo caso comincerebbero ad esserci problemi, sopratutto dovuti al fatto di effettuare continui scroll in verticale ed orizzontale. La soluzione potrebbe essere di mostrare a video una tabella con scroll verticale, mentre da smartphone la stessa tabella in maniera che si adatti alle dimensioni del media.