Recommandé, 2024

Choix De L'Éditeur

Comment activer la conception de matériaux dans le navigateur Chrome

Lors de Google I / O 2014, Google a annoncé son intention d'adopter le standard Material Design pour toutes ses principales plates-formes, notamment Android OS, Chrome OS et le Web. La raison pour laquelle le même langage de conception a été adopté pour toute sa plate-forme est la vision de Google consistant à offrir une expérience utilisateur unifiée à ses utilisateurs dans tous ses services. Depuis son lancement, le langage Material Design a été fortement intégré aux plateformes Android et Chrome OS de Google. Cependant, bien qu'Android et Chrome OS aient reçu un lifting important avec Material Design, le navigateur Chrome était toujours bloqué dans le passé. Mais cela ne signifie pas pour autant que Google a complètement abandonné le navigateur Chrome (en ce qui concerne la conception des matériaux).

En fait, depuis 2016, de nombreux éléments expérimentaux de conception de matériaux ont été intégrés au navigateur Chrome. Récemment, la page Paramètres du navigateur Chrome a été mise à jour dans la langue de conception des matériaux. Cependant, la plupart des interfaces utilisateur de Chrome ne prennent pas en charge la conception des matériaux, car les modifications en sont encore à la phase de développement. Étant donné que ces modifications sont toujours en "version bêta", elles n'apparaissent pas par défaut dans votre navigateur Chrome. Cependant, il existe un moyen de les activer si vous le souhaitez. Rappelez-vous simplement que ces fonctionnalités sont encore en développement, elles pourraient donc souffrir de bugs ici et là. Voyons comment activer le navigateur Material Design dans Chrome:

Activer l'interface utilisateur Material Design dans Chrome

Avant de commencer, vous devez comprendre que le navigateur Chrome contient de nombreux éléments de conception. Beaucoup de ces éléments ont un élément de conception de matériau correspondant dans le développement. Avant de commencer à activer les éléments de Material Design, vous devez d'abord en lire un peu plus bas, juste pour comprendre quels sont les changements que vous apportez. Pour vous faciliter la tâche, j'inclurai une brève description de tous les changements. . Très bien, ne perdons plus de temps et commençons.

1. Allez sur la page "Drapeaux" de Google Chrome en tapant " chrome://flags " dans la barre d'adresse et en appuyant sur la touche Entrée / Retour. Comme je vous l'ai déjà dit, sur cette page, Chrome vous affiche un avertissement. Ne vous inquiétez pas trop, ce sera comme si vous utilisiez une version bêta du logiciel. Vous pouvez rencontrer des bugs mais rien d’important.

2. Maintenant, appuyez sur Ctrl + F (Cmd + F si vous êtes sur un Mac) et dans la boîte de dialogue, tapez les mots «conception matérielle» (sans les guillemets).

3. Maintenant, en fonction du moment où vous utilisez ce tutoriel, le nombre de hits que vous obtiendrez peut changer (j'en ai 13). En effet, Google continue d'ajouter et de supprimer ces éléments. Maintenant, utilisez les «boutons fléchés» à côté du champ de texte pour vous déplacer entre les occurrences.

Activer la conception de matériau dans différents éléments de chrome

Maintenant que vous savez comment vous déplacer entre les éléments, examinons ceux que nous allons changer. Chaque fois que nous apportons une modification, Chrome vous demandera de redémarrer le navigateur pour refléter les modifications. Cependant, vous n'êtes pas obligé de le faire à chaque changement, il vous suffit de redémarrer le navigateur après avoir effectué tous les changements .

  • Conception matérielle dans le reste de l'interface utilisateur native du navigateur : utilisez les touches de direction pour rechercher ce sous-titre sur la page "Drapeaux", puis activez-le. L'activation de ce paramètre appliquera la conception du matériau à des éléments de conception plus fins présents dans le navigateur Chrome, tels que des boîtes de dialogue, des bulles, etc. Sur Mac, ce paramètre activera MacViews.

  • Activer la page de stratégie de conception de matériel : cette action modifiera la page de stratégie de Chrome (stratégie chrome://policy ) afin de refléter la conception de matériau.

  • Activer les signets Material Design : Lorsque vous activez ce paramètre, l'URL « chrome://bookmarks » chargera la page de signets Material Design. Pour ce faire, cliquez sur le menu déroulant indiqué sur l'image et sélectionnez «Activé».

  • Activer les commentaires sur Material Design : comme son nom l’indique, cela modifiera la page de commentaires afin d’intégrer le langage Material Design.

  • NTP Incognito de la conception de matériaux : Ce paramètre permettra à vos onglets de nouveaux incognito d'adhérer à la conception de matériaux.

  • Activer les paramètres de conception de matériau : si vous utilisez la dernière version de Chrome, votre page Paramètres devrait déjà afficher la nouvelle conception de matériau. Cependant, si ce n'est pas le cas, c'est ici que vous pouvez l'activer.

  • Activer les extensions de Material Design : Ceci modifiera la page «Extensions» de Chrome ( chrome://extensions ) pour adopter la conception de matériau.

  • Une fois que vous avez activé toutes les options ci-dessus, cliquez simplement sur le bouton «Relancer maintenant» en bas de votre navigateur pour appliquer ces modifications aux effets.

Au moment de la rédaction de cet article, ce sont les seules options disponibles. Cependant, comme je l’ai mentionné plus tôt, ces options changent de temps en temps. Assurez-vous donc de vérifier la page “Drapeaux” de temps en temps pour obtenir les dernières mises à jour. De plus, j'ai joint les photos avant et après de ma page Extensions. Sur la photo, vous pouvez voir les effets de ces modifications.

Activer la conception de matériau en chrome

J'adore le langage Material Design de Google. Cela rend tout beau et fluide. Les animations sont juste parfaites. Il est bon de voir que Google tente d'unifier l'expérience utilisateur sur toutes ses plateformes. Ce déménagement profitera à tous les utilisateurs. Mais c'est mon point de vue, qu'en est-il du tien? Pensez-vous que le nouveau navigateur Material Design in Chrome va le changer pour le mieux? Faites-nous savoir vos pensées en les déposant dans la section commentaires ci-dessous.

Top