Retina display
In questo demo vediamo come risolvere il fastidiosissimo problema della risoluzione delle immagini per i dispositivi con display retina che essendo al doppio della normale risoluzione appaiono sgranate. Grazie all ausilio del plug-in retina.js possiamo risolvere questo problema in pochissimi passaggi sia per le immagini caricate via HTML che per quelle caricate come background nel CSS. Come suggerisce casa Apple utilizziamo la dicitura @2x e due immagini che il plug-in andrà a caricare a seconda del caso. Per tutte le info del caso vi rimando al download free del tutorial che, come sempre, contiene oltre all’esercizio dimostrativo anche tutte le spiegazioni utili. Buon divertimento.
Simone Baldassin
Sono Full Stack Developer di professione e YouTuber per diletto, specializzato nello sviluppo di temi custom per WordPress e digital marketing. Oltre a realizzare siti web, dal 2010 tengo corsi di Web Design, in aula e in streaming, presso Veneto Formazione.