TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come utilizzare il design dei materiali in Google Chrome?

4

Che cos’è il design dei materiali?

Material Design è un concetto di interfaccia utente introdotto da Google nel 2014. Non entriamo nei dettagli tecnici di Material Design, questo fondamentalmente utilizza la carta (simile alla carta in Bootstrap 4) e rende il layout completamente reattivo basato su griglie. Se sei un utente di lunga data dei prodotti Google, potresti aver notato che la maggior parte dei prodotti come Gmail, YouTube, Google+, ecc. sono stati modificati in una nuova interfaccia negli ultimi anni.

Design dei materiali in Google Chrome

A differenza di altre applicazioni, Google ha modificato solo il design di base di Chrome per utilizzare Material Design. Sebbene la maggior parte delle pagine, inclusa la pagina Impostazioni, sia stata modificata per adattarsi al nuovo concetto di Material Design, deve ancora essere eseguita completamente in tutto il browser.

In questo articolo spieghiamo come utilizzare Material Design in Google Chrome.

Come utilizzare il design dei materiali in Google Chrome?

Vai all’URL del comando "chrome://flags/" in Chrome e inserisci "material design" nella casella di ricerca "Search flags". Vedrai tutti gli esperimenti disponibili e non disponibili in base al tuo sistema operativo e alla versione di Chrome.

Come utilizzare il design dei materiali in Google Chrome?

Bandiere di design in materiale cromato

Prova la progettazione del materiale in Chrome

Proviamo ad abilitare la sezione Material Design for Extensions. Prima di ciò, vai su "chrome://extensions/" che dovrebbe apparire come di seguito.

Come utilizzare il design dei materiali in Google Chrome?

Visualizzazione normale delle estensioni di Chrome

Ora torna alla sezione flag e cerca il flag "Abilita estensioni Material Design". Scegli "Abilitato" dal menu a discesa e ti verrà chiesto di riavviare il browser.

Come utilizzare il design dei materiali in Google Chrome?

Riavvia Chrome con Material Design abilitato

Fai clic sul pulsante "Riavvia ora" per chiudere e riaprire Chrome. Tutte le schede si riapriranno di nuovo ma è necessario accedere nuovamente ai siti nel caso in cui si fosse effettuato l’accesso in precedenza. Ora vai di nuovo alla pagina delle estensioni "chrome://extensions/". Dovrebbe apparire elegantemente come sotto con le scatole di Material Design.

Come utilizzare il design dei materiali in Google Chrome?

Visualizzazione delle estensioni Chrome di Material Design

Altre bandiere di design dei materiali

Sulla versione 64 di Chrome, potremmo vedere i seguenti flag sperimentali:

1 Material Design nel resto dell’interfaccia utente nativa del browser

L’interfaccia utente di base di Chrome utilizza già il concetto di Material Design. L’abilitazione di questo flag estenderà la funzionalità ad altre funzionalità secondarie come bolle, finestra di dialogo, ecc.

2 Abilita i segnalibri di Material Design

Per impostazione predefinita, Chrome utilizza la visualizzazione Material Design per la sezione dei segnalibri. Quindi, non è necessario abilitare esplicitamente questo flag.

3 Abilita le estensioni di Material Design

Questa è l’opzione che abbiamo spiegato sopra. Cambierà l’URL "chrome://extensions" da caricare nella vista Material Design.

4 Abilita scaffale download Material Design – solo per Mac

Se questa opzione è abilitata, la sezione di download verrà caricata con la vista Material Design.

5 Material Design Incognito NTP – solo per Android

Questa opzione non sarà disponibile sui desktop poiché è applicabile solo sui dispositivi Android. L’abilitazione di questo flag renderà il testo più leggibile delle pagine di navigazione in incognito.

Disattiva Material Design in Chrome

Attualmente Chrome utilizza Material Design come interfaccia utente di base, ma ci sono ancora alcune pagine che utilizzano la visualizzazione normale. Ci si può aspettare presto che Google aggiornerà completamente l’interfaccia utente di Chrome a Material Design nelle versioni successive. Fino al momento in cui i flag sperimentali sono disponibili, puoi disabilitare Material Design sui componenti selezionati come Segnalibri ed Estensioni.

Come spiegato sopra, vai alla sezione "chrome://flags/". Scegli l’opzione "Disabilitato" per il flag "Segnalibri di Material Design" e riavvia Chrome. Ora vai su "chrome://bookmarks" e controlla la sezione dei segnalibri. Dovrebbe essere visualizzato con la visualizzazione normale senza Material Design.

Come utilizzare il design dei materiali in Google Chrome?

Vista dei vecchi segnalibri di Chrome

Come utilizzare il design dei materiali in Google Chrome?

Segnalibri di Material Design Visualizza in Chrome

Attenzione con l’uso dei flag

I flag sono funzioni sperimentali che possono influire sull’utilizzo di Chrome. Vedrai l’avviso mostrato di seguito quando accedi alla sezione flag. Quindi gioca con le bandiere solo se vuoi abilitare o disabilitare le funzionalità.

Come utilizzare il design dei materiali in Google Chrome?

Avvertenza sulle bandiere di Chrome

Temi ed estensioni di Material Design per Chrome

Vai al Chrome Web Store e cerca "material design" per vedere centinaia di temi ed estensioni. C’è un’estensione " Elegante Nuova scheda " per cambiare l’aspetto della nuova scheda. Se la visualizzazione predefinita della casella di ricerca di Google nelle nuove schede ti ha annoiato, questa ti entusiasmerà mostrando le carte in una visualizzazione semplice.

Come utilizzare il design dei materiali in Google Chrome?

Elegante nuova estensione per Chrome Tab

D’altra parte, puoi installare temi basati su Material Design come " Material Dark " per cambiare l’aspetto del browser.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More