Centrare orizzontalmente un div è facile, in quanto basta usare i margin:auto a sinistra e destra.

Centrarlo verticalmente può essere un pò più complicato.

Oggi vediamo una possibile soluzione, considerando che non penso funzioni con le vecchie versioni di IE (ma sinceramente a me non interessa!).

La necessità è quella di bloccare un div (nel mio caso, ma è fattibile anche per altri componenti) durante lo scroll della finestra.

Quindi, nel momento in cui lo scroll arriva ad una certa altezza, il div si deve bloccare e scorrere con la pagina.

Il CSS di partenza del div in questione non ha nulla di speciale:

.row_col_head { height: 12mm;border-bottom: 1px solid black;background-color:white; }

Ho scoperto che con i CSS è possibile applicare filtri alle immagini in maniera molto semplice.

Questi sono i filtri disponibili:

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

A parte il filtro url() gli altri hanno una sintassi molto semplice, e sono tutti filtri "pre-impostati".

Flexbox è un nuovo tipo di layout da usare con CSS3.

In pratica permette di creare dei layout "flessibili" e facilmente responsive in breve tempo.

Da quanto ho capito, anche Twitter Bootsrap 4 lo userà come base per il suo nuovo layout system.

Per usarlo in maniera più semplice, esiste un helper HTML: Flex Layout Attribute!

In pratica è un semplice foglio di stile.

Versione 2, e responsive, del sito MarziaFerrone.com.

Rispetto alla prima versione è cambiato poco graficamente.