Blog extrowebsite

Extrowebsite Logo
Effetto Transform Scale su responsive menu
Effetto Transform Scale su responsive menu

Il tutorial che oggi voglio condividere riguarda la realizzazione di un menu responsive con effetto Transform Scale, realizzato interamente con i CSS3 e senza alcun richiamo a files javascript. Potrebbe essere considerato "l'opposto" dell' ma sostanzialmente sono due cose differenti.

Extrowebsite Logo
Effetto Flip su responsive menu
Effetto Flip su responsive menu

L'articolo proposto oggi potrebbe essere una qualche giorno fa, avente come oggetto le trasformazioni CSS3, con l'ausilio dei Font Awesome.

Extrowebsite Logo
Effetto Transition su menu responsive
Effetto Transition su menu responsive

L'articolo odierno prevede la realizzazione di un menu responsive, adattabile ad ogni dimensione di media, con l'ausilio dei CSS3 ed icone. Tali icone altro non sono che "fonts" reperibili dalla libreria "Font Awesome". La particolarità del menu in oggetto è quella di far apparire, sullo stato :hover, la descrizione per ogni singola voce.

Extrowebsite Logo
Tipografia Responsive
Tipografia Responsive: adattare testo e font ad ogni dimensione di media

La stragrande maggioranza degli articoli che trattano di Responsive Web Design, sono focalizzati su due aree principali: layout e griglie fluide, immagini e video adattabili al loro contenitore. Un argomento poco trattato è quello della tipografia responsive. Per la maggior parte dei siti, se non tutti, il testo, inteso come il "contenuto", rappresenta l'elemento più importante.

Extrowebsite Logo
Caricamento condizionale immagini di background
Caricamento condizionale immagini di background

Tra i tantissimi siti web responsive in circolazione, si stanno facendo spazio quelli con immagini di sfondo a tutta pagina, oppure inserite in un elemento HTML, solitamente la header. Nel presente articolo vedremo come fare per caricare in maniera condizionale le immagini di sfondo con le Mediaqueries.