Blog extrowebsite

Extrowebsite Logo
Immagini opache e sfumate con CSS3
Immagini opache e sfumate con CSS3

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 responsive con scroll orizzontale
Tabella responsive 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 con i CSS3
Tabelle responsive con CSS3

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.

Extrowebsite Logo
CSS3 Multicolumn Layout Module
CSS3 Multicolumn Layout Module

Il "" è stato introdotto per agevolare nella creazione, in modo rapido e molto semplice, di layout multicolonne,con il solo ausilio dei CSS3. In questo articolo verranno analizzate le proprietà messe a disposizione dal suddetto modulo e cosa è possibile ottenere con esso.