Immagini di Google Map reattive e retinafatte

Com'è quello per un titolo pieno di parole chiave? Diamo un'occhiata a Google Maps, in particolare, un modo alternativo per includerli nei tuoi siti web. Lavoreremo in modo reattivo (ovviamente) e daremo un'occhiata a una query multimediale che ci aiuterà anche con i display Retina.

Questa è una tecnica che potrebbe suonare un campanello se hai mai applicato il raggio di un bordo a un'immagine (prima che fosse effettivamente possibile applicare il raggio di un bordo a un'immagine). Prende anche in considerazione alcune delle recenti discussioni sugli sprites e sui display retina.

Guarda Screencast

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite YouTube

Risorse addizionali

• Guida per gli sviluppatori API di Static Maps API V2
• Ottimizzazione per schermi ad alta densità di pixel di Edward Cant
• Usando CSS Sprites per ottimizzare il tuo sito web per Retina Displays di Maykel Loomans
• Retinafy dei tuoi siti web e app di Thomas Fuchs

Un'ultima nota: Un problema che potrebbe ostacolare l'utilizzo effettivo di questa tecnica è il copyright. Oscurando l'avviso sul copyright siamo andati contro i termini di utilizzo, quindi potrebbe essere prudente includere un'alternativa sotto l'immagine, in questo caso Dati mappa © 2012 Google, Whereis®, Sensis Pty Ltd. Detto questo, non posso garantire che Google sarà d'accordo con questo ...