Responsive, Retinafied Google Map Images

Hvordan er det for en søkeord-pakket tittel? La oss ta en titt på Google Maps - nærmere bestemt en alternativ måte å inkludere dem på nettstedene dine. Vi jobber responsivt (selvfølgelig) og vi tar en titt på en medieforespørsel som hjelper oss med Retina-skjermer også.

Dette er en teknikk som kan ringe en klokke hvis du noen gang har brukt grense-radius til et bilde (før det faktisk var mulig å bruke ramme-radius til et bilde). Det tar også hensyn til noen av de siste diskusjonene om sprites og netthinnen.

Se Screencast

Alternativt kan du laste ned videoen, eller abonnere på Webdesigntuts + screencasts via YouTube

Tilleggsressurser

• Static Maps API V2 Developer Guide
• Optimalisering for High Pixel Density Displays av Edward Cant
• Bruke CSS Sprites for å optimalisere nettstedet ditt for Retina Displays av Maykel Loomans
• Retinafy dine nettsider og apps av Thomas Fuchs

Ett siste notat: Et problem som kan stå i veien for faktisk å bruke denne teknikken er opphavsrett. Ved å skjule opphavsrettserklæringen har vi gått over bruksbetingelsene, så det kan være forsiktig å ta med et alternativ under bildet, i dette tilfellet Kartdata © 2012 Google, Whereis®, Sensis Pty Ltd. Når det er sagt, kan jeg ikke garantere at Google vil være bra med det ...