IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Web Discussion :

Chrome 34 bêta met le cap sur le responsive design


Sujet :

Web

  1. #1
    Chroniqueur Actualités

    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Mars 2013
    Messages
    8 983
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Mars 2013
    Messages : 8 983
    Points : 207 871
    Points
    207 871
    Par défaut Chrome 34 bêta met le cap sur le responsive design
    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

    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 - Visualiser dans une fenêtre à part
    <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 ?

  2. #2
    Membre extrêmement actif
    Avatar de Aurelien Plazzotta
    Homme Profil pro
    .
    Inscrit en
    Juillet 2006
    Messages
    312
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : .

    Informations forums :
    Inscription : Juillet 2006
    Messages : 312
    Points : 934
    Points
    934
    Par défaut
    Bonjour,

    A quoi sert l'attribut "2x" ?

  3. #3
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Points : 3 861
    Points
    3 861
    Billets dans le blog
    6
    Par défaut
    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.

  4. #4
    Expert confirmé Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    1 190
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 190
    Points : 4 773
    Points
    4 773
    Par défaut
    Je trouve l'idée du srcset pas très pratique à côté de <picture>, à mon avis ça va pas rester.

  5. #5
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Points : 3 861
    Points
    3 861
    Billets dans le blog
    6
    Par défaut
    @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.

  6. #6
    Expert confirmé Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    1 190
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 190
    Points : 4 773
    Points
    4 773
    Par défaut
    @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.)

  7. #7
    Chroniqueur Actualités

    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Mars 2013
    Messages
    8 983
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Mars 2013
    Messages : 8 983
    Points : 207 871
    Points
    207 871
    Par défaut Chrome 34 : import des utilisateurs supervisés, auto-remplissage de mots de passe
    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 ?

  8. #8
    Membre expérimenté Avatar de Uranne-jimmy
    Homme Profil pro
    Bioinformatique
    Inscrit en
    Décembre 2012
    Messages
    778
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Bioinformatique
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Décembre 2012
    Messages : 778
    Points : 1 461
    Points
    1 461
    Par défaut
    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).

  9. #9
    Membre averti
    Homme Profil pro
    Développeur Java
    Inscrit en
    Février 2006
    Messages
    380
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2006
    Messages : 380
    Points : 314
    Points
    314
    Par défaut
    Voici un bel exemple du respect des standards

Discussions similaires

  1. Chrome : Google se met au 64 bits sur Windows 7 et 8
    Par Stéphane le calme dans le forum Google Chrome
    Réponses: 3
    Dernier message: 07/06/2014, 18h34
  2. Treeview qui se met à jour auto sur changement de jour
    Par lilou77 dans le forum Windows Forms
    Réponses: 1
    Dernier message: 21/08/2008, 16h11
  3. div qui se met au dessus sur IE
    Par manaboko dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 22/01/2007, 17h58
  4. Cherche programme ou script qui met un lien sur un nom donné
    Par Mawashigeri dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/06/2006, 06h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo