Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

116PARTAGES

3  0 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Aurelien Plazzotta
Membre extrêmement actif https://www.developpez.com
Le 01/03/2014 à 11:04
Bonjour,

A quoi sert l'attribut "2x" ?
0  0 
Avatar de 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.
0  0 
Avatar de Zefling
Expert confirmé 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.
0  0 
Avatar de 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.
0  0 
Avatar de Zefling
Expert confirmé 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.)
0  0 
Avatar de 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).
0  0 
Avatar de tralloc
Membre actif https://www.developpez.com
Le 10/04/2014 à 13:27
Voici un bel exemple du respect des standards
0  1