Blog extrowebsite

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.

Extrowebsite Logo
Tabella responsive
Tabella Responsive

L'uso sempre più frequente degli smartphone per accedere al web, ha introdotto il problema, tra le altre cose, di visualizzare elementi di grandi dimensioni che a video non hanno nessuna difficoltà ma che, appunto, su tipi di media diversi dal monitor del pc, risultano completamente rovinati o peggio ancora, inducono ad un frequente e snervante scroll orizzontale e verticale. Tra questi elementi annotiamo le tabelle. L'argomento di oggi tratta come realizzare una tabella completamente responsive, con i CSS3.