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

Google Chrome Discussion :

Google Chrome apporte des modifications à l’interface utilisateur de son navigateur


Sujet :

Google Chrome

  1. #1
    Membre émérite

    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2018
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2018
    Messages : 27
    Points : 2 349
    Points
    2 349
    Par défaut Google Chrome apporte des modifications à l’interface utilisateur de son navigateur
    Google Chrome apporte des modifications à l’interface utilisateur de son navigateur,
    les changements sont disponibles sur Chrome Canary

    De nouvelles modifications sont en train d’être apportées sur le navigateur Chrome. Il s’agit principalement de quelques changements opérés sur l’interface utilisateur, disponibles sur la version 68 de Chrome Canary qui est une version expérimentale de Google Chrome pour Windows et contient toutes ses dernières fonctionnalités.

    Nom : chrome-md2.jpg
Affichages : 8193
Taille : 56,0 Ko

    Pour voir ces premiers changements, il faudra activer un flag particulier accessible en tapant chrome://flags/#top-chrome-md dans la barre d’adresse du navigateur puis sélectionner l’option « Refresh » et redémarrer le navigateur.

    Les changements les plus remarquables se perçoivent sur la rondeur des boutons de signets et les zones de saisie du navigateur. Les bords de la barre d’adresse ont été arrondis, les onglets ont pris une forme rectangulaire avec les coins arrondis et le bouton d’ouverture de nouvel onglet est désormais placé à gauche des onglets ouverts sur Windows et à droite chez MacOS. En gros il s’agit d’un design beaucoup plus arrondi, que les gens nomment « Material Design 2 ».

    En outre, les documents de conception révèlent l’ajout d’une nouvelle fonctionnalité appelée « Téléportation de fenêtre » qui sera utilisée en mode multiutilisateur. C’est une fonctionnalité qui permet d’envoyer des fenêtres d’un utilisateur à un autre. La police du navigateur sera également remplacée par la police « Product Sans » qui sera désormais appelée « Google Sans ».

    Ce nouveau design avec plus de rondeurs avait été déjà vu sur Android P Developer Preview en mars dernier et aussi sur Maps et Feed. Il semble que Google envisage d’appliquer à la plupart de ses produits ce design.

    Selon les designers de Google, les onglets font partie des éléments les plus importants de l’interface utilisateur. Sébastien Gabriel, l’un des designers de Google, a écrit dans un article en 2016 que « les éléments clés lorsque vous pensez à notre interface utilisateur sont les onglets et les icônes », à propos de la précédente révision de Chrome. Il ajoute que la refonte consistait à « combler le fossé entre notre nouveau langage de conception sur mobile et nos visuels de bureau vieillissants ». Ce processus a donc abouti aujourd’hui à l’adoption de Material Design 2.

    En attendant que ces nouvelles fonctionnalités soient intégrées dans la version stable de Chrome, vous pouvez télécharger Chrome Canary afin de les expérimenter.



    Source : Google


    Et vous ?

    Que pensez-vous de ce nouveau design ?
    Le préférez-vous par rapport à l'actuel design de Chrome ?


    Voir aussi

    Chrome 65 est disponible avec de nouvelles fonctionnalités développeur

    Android P va connaitre une refonte spectaculaire et apporter le support de l'encoche comme l'iPhone X

  2. #2
    Bot Troll en alpha-test

    Femme Profil pro
    Webmarketer
    Inscrit en
    Septembre 2016
    Messages
    133
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 29
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Webmarketer
    Secteur : Enseignement

    Informations forums :
    Inscription : Septembre 2016
    Messages : 133
    Points : 0
    Points
    0
    Billets dans le blog
    1
    Par défaut
    ouais en gros ils copie sur firefox quantum...
    et a part l'IHM, les perf serons telles aussi aussi bonne que Quantum ?

    non parce que un moteur web multicœur c'est le minimum syndicale en 2018

  3. #3
    Expert confirmé Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    1 189
    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 189
    Points : 4 771
    Points
    4 771
    Par défaut
    C'est vrai que quand j'ai vu la nouvelle version, ça fait vraiment penser à Firefox. Pour une fois que la copie ce fait dans ce sens. Je suis pas du tout fan de l'interface de Chrome.

  4. #4
    Expert confirmé
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 477
    Détails du profil
    Informations personnelles :
    Âge : 54
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 477
    Points : 4 688
    Points
    4 688
    Par défaut
    moi qui n'etais pas fan des bords arrondis ...
    ils se copient tous dessus, plus aucune distinctions... c'est nul

  5. #5
    Expert éminent sénior
    Avatar de Coriolan
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2016
    Messages
    701
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Sarthe (Pays de la Loire)

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

    Informations forums :
    Inscription : Mai 2016
    Messages : 701
    Points : 51 811
    Points
    51 811
    Par défaut Chrome 69 va apporter un nouveau design au navigateur le mois prochain
    Chrome 69 va apporter un nouveau design au navigateur le mois prochain
    et rendre l'utilisation de Flash plus pénible

    Chrome est de loin le navigateur le plus populaire du marché, et le mois prochain, il va fêter ses premières dix années. Cette occasion va coïncider avec le lancement de Chrome 69 pour le grand public. Parmi les nouveautés majeures, une refonte totale de l’interface utilisateur apportant le tant attendu « Material design » au navigateur.

    Nom : chrome_2018-07-13_12-35-22.png
Affichages : 11007
Taille : 36,4 Ko
    Le nouveau design de Chrome

    Les utilisateurs impatients ont déjà pu voir ces changements en installant la version 68 de Chrome Canary. Les nouveautés concernent principalement des changements opérés sur l’interface utilisateur. Tout comme pour d’autres produits de Google, en l'occurrence Android P et Gmail, Chrome bénéficie à son tour du « Google Material Theme », les boutons de signets et les zones de saisie du navigateur ont été arrondis, les onglets sont désormais rectangulaires avec des angles arrondis aussi. Sur mobile, les boutons de navigation sont déplacés en bas de fenêtre pour faciliter la navigation, toutefois ce changement ne concerne qu’iOS actuellement.

    Outre ces changements, Chrome 69 va inclure le support du système de notifications de Windows 10, la navigation par geste sur Windows et une amélioration du remplissage automatique. En plus, le navigateur va adopter une approche beaucoup plus agressive pour endiguer Flash. À chaque fois qu’un contenu requiert l’utilisation du plugin, l’utilisateur devra donner la permission, ce qui risque d’être irritant et pénible, mais une façon de pousser Flash un peu plus vers la sortie, surtout qu’Adobe va entièrement suspendre le développement du plugin en 2020.

    Il faudra attendre jusqu’au 4 septembre pour installer Chrome 69, toutefois, il est déjà possible d’activer le nouveau thème sous Chrome 68. Il suffit de taper chrome://flags/ et chercher UI Layout for the browser’s top chrome, ensuite il faut sélectionner Refresh puis redémarrer Chrome.

    Source : Chrome Entreprise release notes - chromium

    Et vous ?

    Que pensez-vous du nouveau design de Chrome ?

    Voir aussi :

    Chrome ne va plus afficher le label « Sécurisé » pour les connexions HTTPS à compter de septembre 2018
    Le lazy loading d'images et iframes débarque dans Chrome Canary, pour des vitesses de chargement de pages Web en hausse de 18 à 35 %
    La bêta de Chrome 69 est disponible et s'accompagne du support expérimental du codec vidéo AV1 et de la prise en charge des encoches d'affichage

  6. #6
    Membre émérite
    Profil pro
    retraité
    Inscrit en
    Décembre 2010
    Messages
    842
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : Décembre 2010
    Messages : 842
    Points : 2 418
    Points
    2 418
    Par défaut
    Je n'ai pas fait trop de WEB (<troll>car c'est une immense bouse cette/ces technologies</troll>) donc je ne peux pas vous dire, mais d'après que ce j'ai pu en voir, il reste quoi à flash qui est compliqué à changer ?
    A part les jeux qui existent donc long à refaire en HTML5 (et encore il me semble qu'il existait des transpileur), ou les/certains sites de vidéos ou de visio, qui demandent flash. Il me semble que caméra+audio=webRTC, et que HTML5 sait très bien lire les vidéos.
    Problème de DRM ?
    Dans ce cas, il me semble que les portages sont faisables, du coup vu le nombre d'années qu'on entend que flash va disparaître et SURTOUT vu que le gros du trafic vient des mobiles qui n'ont pas flash, pourquoi ces sites ne font pas la transition ?

    Y a t il quelqu'un ici qui a utilisé flash et qui trouve que la transition est compliqué à faire (<troll>A part que Javascript tout pourri</troll> )

  7. #7
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 937
    Points
    22 937
    Billets dans le blog
    125
    Par défaut
    Version 69.0.3497.42 (Build officiel) beta (64 bits) est disponible depuis plusieurs jours.

  8. #8
    Invité
    Invité(e)
    Par défaut
    À chaque fois qu’un contenu requiert l’utilisation du plugin, l’utilisateur devra donner la permission, ce qui risque d’être irritant et pénible
    C'est déjà le cas !

  9. #9
    Membre éprouvé Avatar de jvallois
    Homme Profil pro
    Enseignant
    Inscrit en
    Février 2013
    Messages
    193
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Aisne (Picardie)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2013
    Messages : 193
    Points : 986
    Points
    986
    Par défaut
    Citation Envoyé par zellerda Voir le message
    C'est déjà le cas !
    Cela ne signifierait-il pas qu'il est actuellement possible d'autoriser Flash une bonne foi pour toutes pour un contenu donné et qu'à l'avenir il faudra redonner cette autorisation à chaque fois ?

  10. #10
    Membre émérite
    Profil pro
    retraité
    Inscrit en
    Décembre 2010
    Messages
    842
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : Décembre 2010
    Messages : 842
    Points : 2 418
    Points
    2 418
    Par défaut
    Citation Envoyé par jvallois Voir le message
    Cela ne signifierait-il pas qu'il est actuellement possible d'autoriser Flash une bonne foi pour toutes pour un contenu donné et qu'à l'avenir il faudra redonner cette autorisation à chaque fois ?
    Je pense que c'est ça

  11. #11
    Chroniqueur Actualités

    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Mars 2013
    Messages
    8 979
    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 979
    Points : 207 809
    Points
    207 809
    Par défaut Chrome 69 est disponible en téléchargement en version stable, le navigateur arrive avec un nouveau design
    Chrome 69 est disponible en téléchargement en version stable, le navigateur arrive avec un nouveau design,
    et ne marque plus les sites HTTPS comme étant sécurisés

    Hier, Google a amorcé la diffusion de la version stable de Chrome 69 sur les plateformes Windows, MacOS, Linux et Android. Cette version inclut un nouveau design, une version omnibox plus puissante, un gestionnaire de mots de passe mis à jour, un remplissage automatique plus précis, de nombreuses modifications spécifiques aux développeurs et de nombreuses améliorations en matière de sécurité.

    Nouveau design

    Le nouveau look de Chrome, basé sur les principes de Material 2, inclut des formes plus arrondies, des icônes mises à jour et une nouvelle palette de couleurs. Les invites et les menus ont été simplifiés, tandis que les onglets sont désormais conçus pour rendre les icônes du site plus faciles à voir. La conception Material 2 s’applique aussi bien à la version desktop que la version mobile et sur iOS, la réorganisation inclut le déplacement de la barre d’outils vers le bas afin qu’elle soit facilement accessible.

    Nom : chrome69.gif
Affichages : 6798
Taille : 1,86 Mo

    Une omnibox plus puissante

    En parlant de la barre d'adresse de Chrome, que Google appelle l'omnibox, elle peut désormais afficher vos réponses directement. Elle fournit des résultats riches sur des questions relatives à des personnalités, des événements sportifs, la météo, etc. Si vous recherchez un site Web dans votre omnibox, Chrome peut désormais vous dire s’il est déjà ouvert et vous permettre d’y accéder directement en cliquant sur « Passer à l’onglet ».

    Nom : chrome69_1.gif
Affichages : 7274
Taille : 601,7 Ko

    Une amélioration du remplissage automatique

    Chrome 69 peut également saisir plus précisément vos mots de passe, adresses et numéros de carte de crédit. Toutes ces informations sont enregistrées sur votre compte Google, directement depuis la barre d’outils Chrome. Le gestionnaire de mots de passe de Chrome a également été amélioré : lorsque vient le moment de créer un nouveau mot de passe, la version desktop de Chrome peut désormais générer un mot de passe unique, l’enregistrer et le rendre disponible sur votre ordinateur portable et votre téléphone.

    Chrome 69 poursuit également la guerre de Google contre les sites HTTP.

    HTTPS est une version plus sécurisée du protocole HTTP utilisé sur Internet pour connecter les utilisateurs aux sites Web. Les connexions sécurisées sont largement considérées comme une mesure nécessaire pour réduire le risque que les utilisateurs soient vulnérables à l'injection de contenu (ce qui peut entraîner des écoutes, des attaques de type intermédiaire et d'autres modifications de données). Les données sont sécurisées par des tiers dans l’optique de rassurer les utilisateurs sur le fait qu’ils communiquent avec le site Web approprié.


    Google pousse le Web vers HTTPS depuis des années, mais il a accéléré ses efforts l’année dernière en apportant des modifications à l’interface utilisateur de Chrome. Chrome 56, publié en janvier 2017, a commencé à marquer les pages HTTP qui collectent les mots de passe ou les cartes de crédit comme «Non sécurisé». Chrome 62, publié en octobre 2017, a commencé à marquer ainsi les sites HTTP avec des données saisies. Chrome 68, publié en juillet, a marqué tous les sites HTTP comme étant «non sécurisé» dans la barre d’adresse.

    Google ne s'arrête pas là. Maintenant, avec la sortie de Chrome 69, les sites HTTPS ne portent plus le libellé «sécurisé»:

    Avec la sortie de Chrome 70, lorsqu’un internaute se rendra sur un site HTTP et qu’il va entrer des données (indépendamment de leurs natures - identifiants, numéro de carte de crédit, etc.), il verra un avertissement rouge avec le libellé «Non sécurisé».

    Nom : chro.png
Affichages : 5820
Taille : 12,2 Ko

    Côté développeurs

    Chrome s’accompagne également de plusieurs fonctionnalités CSS.

    Prise en charge des encoches d'affichage

    Les encoches d'affichage sont désormais prises en charge dans Chrome via la nouvelle fonction CSS env () (variables d'environnement) et la balise meta viewport-fit. Cela permet aux développeurs de tirer parti de l'intégralité de l'écran sur les périphériques dotés d'une encoche d’affichage.

    Par exemple, pour indiquer au navigateur de se développer dans la zone d’encoche d'affichage, le site doit définir la propriété viewport-fit dans la balise META de viewport à couvrir. Le site peut ensuite utiliser les variables d'environnement CSS de la zone sécurisée pour mettre en page leur contenu sans qu’il ne soit superposé à l’encoche.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <meta name="viewport" content="viewport-fit: cover" />
     
    <style>
      #box {
        margin-top: env(safe-area-inset-top);
        margin-left: env(safe-area-inset-left);
        margin-bottom: env(safe-area-inset-bottom);
        margin-right: env(safe-area-inset-right);
      }
    </style> 
     
    <div id=box></div>

    Nom : chrome_1.png
Affichages : 5651
Taille : 96,5 Ko
    Une image sur un téléphone disposant d’une encoche d’affichage

    Étant donné qu’un nombre croissant d'appareils mobiles sont sortis avec une encoche d'affichage, les applications natives seront en mesure de profiter de l'expansion dans la zone de découpe. L'ajout d'un support d’encoche d'affichage à la plate-forme Web permettra aux sites d'offrir une expérience comparable à celle d'une application native sur ces appareils.

    Gradients coniques

    Les gradients coniques CSS (angulaire / balayage) permettent des transitions de couleur autour d'un centre plutôt que de rayonner à partir de celui-ci. Cela permet, par exemple, de créer une roue de teinte en utilisant seulement deux propriétés CSS comme vous pouvez le voir ci-dessous.

    Nom : chrome_2.png
Affichages : 5747
Taille : 56,3 Ko

    Canvas

    OffscreenCanvas est une nouvelle interface qui permet d'utiliser les contextes de rendu 2D et WebGL dans Workers. Cela augmente le parallélisme dans les applications Web et améliore les performances sur les systèmes multicœurs.

    Chrome prend désormais en charge DedicatedWorker.requestAnimationFrame (), ce qui permet de déclencher les événements de type animation sur les Workers dédiés comme dans Windows. Par exemple:

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    const offscreenCanvas = new OffscreenCanvas(100, 100);
    const ctx = offscreenCanvas.getContext("2d");
    ctx.fillRect(0, 0, 10, 10);

    Ou avec Canvas

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    const canvasElement = document.getElementById("mycanvas")
    const offscreenCanvas = canvasElement.transferControlToOffscreen();
    const ctx = offscreenCanvas.getContext("2d");
    ctx.fillRect(0, 0, 10, 10);

    Dans un Worker

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    self.onmessage = function(ev) {
      const offscreenCanvas = ev.data;
      const ctx = offscreenCanvas.getContext("2d");
      let x = 0;
      const draw = function() {
        ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
        ctx.fillRect(x, 0, 10, 10);
        x = (x + 1) % ctx.canvas.width;
        requestAnimationFrame(draw);
      };
      draw(0);
    }

    Page principale

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    const worker = new Worker("worker.js");
    const offscreenCanvas =
        document.getElementById("canvas").transferControlToOffscreen();
    worker.postMessage(offscreenCanvas, [offscreenCanvas]);

    API JavaScript

    JavaScript a plusieurs nouvelles API:
    • l'API ReportingObserver fournit une fonction de rappel JavaScript invoquée en réponse aux dépréciations et aux interventions du navigateur. Le rapport peut être sauvegardé, envoyé au serveur ou manipulé à l'aide de JavaScript arbitraire. Cette fonctionnalité est conçue pour permettre aux développeurs de mieux comprendre le fonctionnement de leurs sites sur des périphériques réels.
    • les tableaux JavaScript obtiennent deux nouvelles méthodes. Array.prototype.flat () renvoie un nouveau tableau avec tous les éléments du sous-tableau concaténés en récursif jusqu'à la profondeur spécifiée. Les éléments du sous-tableau deviennent membres du nouveau tableau. Array.prototype.flatMap () mappe d'abord chaque élément à l'aide d'une fonction de mappage, puis porte le résultat dans un nouveau tableau. Cette méthode est fonctionnellement équivalente à une carte suivie par l'appel de flat () avec une profondeur de 1.

    API Keyboard Map

    Certaines applications telles que les jeux attribuent des fonctions spécifiques à des clés physiques spécifiques. Lorsque l'interface fait référence à ces clés, elle doit afficher soit le caractère affiché sur la touche, qui varie en fonction des paramètres régionaux, soit le caractère attribué à la touche par une disposition de clavier différente qui peut avoir été installée par l'utilisateur. En raison de ces variations de disposition, il est parfois possible que le caractère affiché dans l'interface ne fasse pas référence à la clé physique voulue.

    Cette nouvelle API fournit un moyen de traduire les valeurs KeyboardEvent.code représentant les clés physiques en chaînes correctes pour l'affichage à l'utilisateur.

    Google Chrome 69.0.3497.23 est maintenant disponible en téléchargement sur GNU / Linux, macOS et Microsoft Windows si vous voulez essayer les nouvelles fonctionnalités et améliorations. Il ne faut pas oublier que le logiciel est en version bêta et qu'il n'est donc pas recommandé pour une utilisation en production.

    Télécharger Chrome 69 (Windows, MacOS, Linux)

    Source : Google

    Et vous ?

    Quelles sont les améliorations qui vous intéressent le plus ?

  12. #12
    Membre éprouvé
    Profil pro
    Développeur .NET
    Inscrit en
    Février 2005
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Février 2005
    Messages : 366
    Points : 1 032
    Points
    1 032
    Par défaut
    Le seule truc que je n'ai pas ni sous windows et ni sous linux, c'est cette fameuse nouvelle tab pages.

Discussions similaires

  1. Suivre des modifications d'utilisateurs
    Par Totorote dans le forum MS SQL Server
    Réponses: 5
    Dernier message: 07/11/2016, 15h56
  2. [XL-2003] Apporter des Modifs dans macro
    Par Un Internaute dans le forum Macros et VBA Excel
    Réponses: 0
    Dernier message: 13/07/2016, 14h40
  3. Apporter des modifications dans un rapport BIRT
    Par nabil.brarou dans le forum BIRT
    Réponses: 4
    Dernier message: 10/09/2012, 15h25
  4. Réponses: 3
    Dernier message: 05/12/2008, 08h45
  5. Réponses: 4
    Dernier message: 01/06/2007, 20h15

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