Articoli Taggati ‘immagini’
Come comprimere le immagini per migliorare SEO e user experience
Su Your Inspiration Web si è già parlato di come gestire immagini responsive nel modo più efficiente, sia su dispositivi desktop sia su mobile, affrontando la questione anche dal punto di vista del “peso” delle immagini. Proprio su quest’ultimo argomento vorrei porre l’accento con questo articolo, poiché incide su diversi aspetti del lavoro di noi professionisti del web, primi tra tutti la user experience e la SEO.
|| Leggi altro »
L’elemento Picture: un’ottima soluzione per gestire le immagini responsive
La gestione delle immagini nello sviluppo di un sito web responsive è uno dei problemi attuali ancora in corso di sviluppo e dibattito. Il problema delle immagini è quello di far sì che in base al tipo di dispositivo e...
CSS3: COME ANIMARE LE TUE IMMAGINI
Il tutorial di oggi è davvero semplice e nello stesso tempo molto efficace: vedremo insieme come creare una semplice animazione che permetta di rendere dinamiche le nostre immagini, inserendo effetti zoom e una o più didascalie su di esse. è...
Come utilizzare i filtri CSS3 per creare immagini accattivanti
I filtri css3 sono potenti strumenti che permettono di modificare le immagini direttamente sul browser, creando effetti di transizione e animazione al passaggio del mouse sull’immagine. Il sito web diventa più accattivante perché cambiamo il modo di visualizzare il contenuto...
Come personalizzare l’html della Galleria di default di WordPress
Nel mio precedente articolo abbiamo visto come creare uno shortcode personalizzato e ho lasciato in sospeso l’esempio della personalizzazione dello shortcode [gallery], ovvero un modo per creare diversi tipi di presentazione frontend per la galleria di default presente su Wordpress....
Guida HTML5 – immagini & outlines
Nel corso di questo articolo dedicato all’HTML5 scopriremo come utilizzare tag fondamentali per la gestione delle immagini e la formattazione dei titoli. Inoltre, andremo ad analizzare approfonditamente uno degli aspetti più innovativi introdotti dall’HTML5 e, purtroppo, ancora poco diffuso tra...
Design visivo: alla ricerca dell’immagine giusta
C’è un momento, nella fase di progettazione grafica di un qualsivoglia layout, in cui molti web designer irrimediabilmente si arenano: è il momento della scelta delle immagini atte a correlare il contenuto testuale del sito, ad arricchire e vivacizzare la...
Responsive design: come gestire layout, tipografia ed elementi multimediali?
Nella precedente lezione, abbiamo realizzato una pagina responsive attraverso la quale abbiamo analizzato il layout e le media queries offerte dal codice CSS3. La lezione di oggi è dedicata ai contenuti: le unità di misura, la tipografia, le immagini e...
