Chrome 34 : cap sur le responsive design

Google vient de livrer la version beta de Chrome 34. Aux côtés de l'intégration de la recherche vocale Google, le navigateur s'enrichit d'un dispositif d'images auto-adaptatives.

Dans sa version beta qui vient d'être livrée, Chrome 34 améliore son dispositif d'importation de profils utilisateurs, et surtout intègre la recherche vocale Google. Une possibilité qui prendra d'abord en charge la reconnaissance vocale de l'anglais, avant de s'étendre à d'autres langues (le groupe n'a pas été plus précis sur la feuille de route du projet). Pour l'occasion, Google en profite d'ailleurs pour proposer une intégration non-préfixée de la Web Audio API.

Mais pour les développeurs web, la principale évolution de Chrome 34 réside dans la prise en charge de l'attribut HTML srcset. Objectif : dans la logique du responsive design, il s'agit de permettre aux sites de proposer plusieurs ressources, dans des résolutions et tailles différentes, pour une seule et même image.

Derrière cette évolution, Google entend faciliter l'adaptation des sites aux spécificités d'affichage des terminaux. Une fois les fichiers images spécifiés par l'attribut srcset, le navigateur se chargera de pousser la bonne ressource en fonction de l'écran du terminal (PC, smartphone, TV connectées...). Srcset s'intégre au code HTML sous la forme suivante :

 <img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1x, pic2x.jpg 2x, pic4x.jpg 4x">

L'attribut src n'est pas nécessaire pour les navigateurs supportant srcset, mais sa présence reste naturellement indispensable pour que l'affichage demeure pris en charge par d'autres navigateurs. 

 Source

  Télécharger Chrome 34 beta

Google / Intégration