Newsletter Developpez.com

Inscrivez-vous gratuitement au Club pour recevoir
la newsletter hebdomadaire des développeurs et IT pro

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 , 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 :

Code : Sélectionner tout
<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.

Télécharger Chrome 34 beta

Source : Blog Chromium

Et vous ?

Quelles sont les nouveautés qui vous intéressent le plus ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Aurelien Plazzotta Aurelien Plazzotta - Membre éclairé https://www.developpez.com
le 01/03/2014 à 11:04
Bonjour,

A quoi sert l'attribut "2x" ?
Avatar de Muchos Muchos - Membre expert https://www.developpez.com
le 01/03/2014 à 13:48
Deux prometteuses améliorations ! Bravo à l'équipe de Chrome.

Citation Envoyé par Kenaryn
A quoi sert l'attribut "2x" ?

Il me semble que cette valeur () correspond à la densité de pixel. En gros, 2x correspondrait aux images HD.
Avatar de Zefling Zefling - Membre émérite https://www.developpez.com
le 01/03/2014 à 17:34
Je trouve l'idée du srcset pas très pratique à côté de <picture>, à mon avis ça va pas rester.
Avatar de Muchos Muchos - Membre expert https://www.developpez.com
le 01/03/2014 à 18:38
@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.
Avatar de Zefling Zefling - Membre émérite https://www.developpez.com
le 01/03/2014 à 18:57
@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.)
Avatar de Stéphane le calme Stéphane le calme - Chroniqueur Actualités https://www.developpez.com
le 10/04/2014 à 8:58
Chrome 34 : import des utilisateurs supervisés, auto-remplissage de mots de passe
même en 'autocomplete=off' mais pas de commande vocale

Google a publié la version finale de Chrome 34 pour les plateformes Mac, Linux et Windows. Comme dans la beta, les développeurs peuvent utiliser l’attribut srcset dans la balise <img> afin que le navigateur puisse gérer les images dans la logique du responsive design ou conception web adaptative.

Google a également décidé de livrer cette mouture avec une version sans préfixe de l’API Web Audio qui permet entre autre de lire un fichier audio, de s’enregistrer via le microphone ou encore d’exploiter la synthèse vocale et la fonction de conversion « speech to text » afin de rendre son navigateur conforme aux spécifications W3C. Les versions avec des préfixes ayant été dépréciées et vraisemblablement complètement supprimées dans une future mouture, Google invite les développeurs à passer aux versions sans préfixes.

Notons également un point important c’est la possibilité d’importer des utilisateurs supervisés avec toutes leurs autorisations. Cet import sera automatiquement synchronisé sur tous les dispositifs. Cette fonctionnalité avait été introduite dans la beta de Chrome 32. Pour le faire, rendez vous sur le menu Chrome sur la barre d'outils du navigateur, sélectionnez Paramètres, cliquez sur « ajouter un utilisateur » dans la section Utilisateurs, cliquez sur « Importer un utilisateur supervisé existant », sélectionnez l'utilisateur en question, puis cliquez sur « Importer utilisateur supervisé »



Chrome 34 intègre une nouvelle fonctionnalité liée au remplissage automatique des mots de passes : même en visitant un site avec l'option 'autocomplete=off' qui désactive l'auto-remplissage de mots de passe, Chrome 34 proposera quand même de remplir ceux-ci automatiquement au cas où le gestionnaire de mot de passe est activé. Pour les développeurs de Chromium, « du point de vue de l’équipe sécurité il est très important pour la sécurité de l’utilisateur de lui permettre d’avoir des mots de passe uniques et complexes pour tous les sites qu’il visite. ». Plus difficiles à outrepasser et de facto plus difficile à retenir.

Cependant, cette mouture n’intègre pas la fonction « OK Google ». Pour rappel, elle était présente dans la version bêta mais uniquement pour les États-Unis ; elle permettait de lancer des recherches oralement ou encore de programmer une alarme dans l’assistant Google Now ou encore la configuration d’un minuteur.

Télécharger Chrome 34 (Windows)

Télécharger Chrome 34 (Mac à partir de OS X 10.6)

Télécharger Chrome 34 (Distributions linux : Debian/Ubuntu/Fedora/openSUSE)

Source : Blog Chrome

Et vous ?

Quelles sont les fonctionnalités qui vous intéressent le plus ?
Avatar de Uranne-jimmy Uranne-jimmy - Membre expérimenté https://www.developpez.com
le 10/04/2014 à 12:10
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).
Avatar de tralloc tralloc - Membre actif https://www.developpez.com
le 10/04/2014 à 13:27
Voici un bel exemple du respect des standards
Offres d'emploi IT
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil