Chrome 34 bêta met le cap sur le responsive design avec le support de srcset
Google améliore au passage son API Web audio
Le 2014-02-28 23:17:56, par Stéphane le calme, Chroniqueur Actualités
Dans la version bêta de Chrome 34, le dispositif d'importation de profils utilisateurs se voit amélioré. La nouvelle mouture intègre également la recherche vocale Google. Pour rappel, pour avoir recours à la fonctionnalité OK Google, il fallait passer par une extension Google Voice Search Hotword pour les utilisateurs Chrome sur ordinateur de bureau. Pour l’instant, comme on aurait pu se douter, la reconnaissance n’est accessible qu’aux utilisateurs américains de Chrome. Google a néanmoins promis que le support de cette fonction pour d’autres langues arriverait « prochainement ».
Les développeurs s’intéresseront particulièrement à des nouveautés comme la prise en charge de l'attribut HTML srcset dans la balise <img>. Cet attribut permet au navigateur de gérer les images dans la logique du responsive design ou conception web adaptative ; suivant la taille de l’écran de l’appareil utilisé pour se connecter, le navigateur utilisera la ressource image adaptée au format. Srcset s'intégre au code HTML sous la forme suivante :
Nous pouvons interpréter en langage courant ce code comme suit : « Pour un utilisateur disposant d’un écran basse résolution, ou dont le navigateur ne supporte pas la fonction srcset, utiliser «image-normale.jpg ». Toutefois, si l’utilisateur dispose d’un écran haute résolution ou si son navigateur supporte la fonction srcset, alors afficher « meilleure-image.jpg » ». Vous l’aurez donc compris, 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.
Le support de la Web Audio API (API JavaScript haut niveau pour prendre en charge du son dans les applications web) se voit également amélioré, tout comme la stabilité générale du navigateur.
Source : Blog Chromium
Et vous ?
Les développeurs s’intéresseront particulièrement à des nouveautés comme la prise en charge de l'attribut HTML srcset dans la balise <img>. Cet attribut permet au navigateur de gérer les images dans la logique du responsive design ou conception web adaptative ; suivant la taille de l’écran de l’appareil utilisé pour se connecter, le navigateur utilisera la ressource image adaptée au format. Srcset s'intégre au code HTML sous la forme suivante :
| Code : |
<img alt="exemple" src="image-normale.jpg" srcset="meilleure-image.jpg 2x"/>
Nous pouvons interpréter en langage courant ce code comme suit : « Pour un utilisateur disposant d’un écran basse résolution, ou dont le navigateur ne supporte pas la fonction srcset, utiliser «image-normale.jpg ». Toutefois, si l’utilisateur dispose d’un écran haute résolution ou si son navigateur supporte la fonction srcset, alors afficher « meilleure-image.jpg » ». Vous l’aurez donc compris, 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.
Le support de la Web Audio API (API JavaScript haut niveau pour prendre en charge du son dans les applications web) se voit également amélioré, tout comme la stabilité générale du navigateur.
Source : Blog Chromium
Et vous ?
-
Aurelien PlazzottaMembre extrêmement actifBonjour,
A quoi sert l'attribut "2x" ?le 01/03/2014 à 11:04 -
MuchosMembre expertDeux prometteuses améliorations ! Bravo à l'équipe de Chrome.Il me semble que cette valeur (
Envoyé par Kenaryn ) correspond à la densité de pixel. En gros, 2x correspondrait aux images HD. le 01/03/2014 à 13:48 -
ZeflingExpert confirméJe trouve l'idée du srcset pas très pratique à côté de <picture>, à mon avis ça va pas rester.le 01/03/2014 à 17:34
-
MuchosMembre expert@zefling: c'est vrai qu'il y a encore des débats et des hésitations sur cette question :S
Perso, je trouve SRCSET plus léger (même si moins clair au premiers abords), avec l'avantage de ne pas utiliser de nouvel élément.le 01/03/2014 à 18:38 -
ZeflingExpert confirmé@Muchos: pour moi, si tu fais de responsive ça ne se limite pas au poids d'une images. srcset ne réponds même pas la moitié des problèmes :
- résolution de l'écran
- dpi de l'écran
- vitesse de la connexion
Je dis ça parce que je suis en train de tester un truc sur mon mobile, mais la résolution en « pixel » est avec un DPI deux plus élevé (320px = 640px réel). Bref, pour s'adapter au DPI l'image devrait avoir une résolution 2 plus élevés... sauf que si je fais ça, c'est ma 3G qui va pas suivre et j'imagine même pas ce que ça peut donner avec deux qui ont une résolutions en fullHD sur du 5". Puis ça peut aussi être intéressant de mettre une image différente suivant le support et l'orientation : image large / image retaillée / paysage / portait.
Enfin, tout ça va donner un boulot bien plus complexe au web designer... (déjà que c'était pas simple avec les différents moteurs.)le 01/03/2014 à 18:57 -
Uranne-jimmyMembre expérimentéSérieusement, si chrome ne montrait pas le mot de passe en clair dans les paramètres, peut être bien que je le sauvegarderais ! (et encore, avec mon entourage troll/geek, moins t'en laisse, mieux tu te portes).le 10/04/2014 à 12:10
-
trallocMembre avertiVoici un bel exemple du respect des standardsle 10/04/2014 à 13:27