Google Map rétinefied réactif

Comment est-ce pour un titre rempli de mots-clés? Jetons un coup d'oeil à Google Maps - plus spécifiquement, une autre façon de les inclure dans vos sites Web. Nous travaillerons en mode réactif (bien sûr) et nous examinerons une requête des médias qui nous aidera également avec les écrans Retina..


C'est une technique qui peut faire tinter une cloche si vous avez déjà appliqué le rayon de bordure à une image (avant qu'il était réellement possible d'appliquer le rayon de bordure à une image). Il prend également en compte certaines des discussions récentes sur les sprites et les affichages de rétine.


Regarder Screencast

Vous pouvez également télécharger la vidéo ou vous abonner à YouTube via Webdesigntuts + screencasts.


Ressources supplémentaires

  • Static Maps API V2 Guide du développeur
  • Optimisation pour les affichages à haute densité de pixels par Edward Cant
  • Utilisation de CSS Sprites pour optimiser votre site web pour Retina Displays de Maykel Loomans
  • Retinisez vos sites Web et vos applications par Thomas Fuchs

Une dernière note: Le droit d'auteur est un problème qui pourrait empêcher l'utilisation de cette technique. En masquant l’avis de droit d’auteur, nous nous sommes opposés aux conditions d’utilisation. Il serait donc prudent d’inclure une alternative sous l’image, dans ce cas. Données cartographiques © 2012 Google, Whereis®, Sensis Pty Ltd. Cela dit, je ne peux pas garantir que Google sera d'accord avec ça…