TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo utilizar Material Design en Google Chrome?

12

¿Qué es Material Design?

Material Design es un concepto de interfaz de usuario introducido por Google durante 2014. No entremos en demasiados detalles técnicos de Material Design, esto básicamente usa tarjeta (similar a la tarjeta en Bootstrap 4) y hace un diseño totalmente receptivo basado en cuadrículas. Si es un usuario de los productos de Google desde hace mucho tiempo, es posible que haya notado que la mayoría de los productos como Gmail, YouTube, Google+, etc. han cambiado a una nueva interfaz en los últimos años.

Diseño de materiales en Google Chrome

A diferencia de otras aplicaciones, Google solo cambió el diseño básico de Chrome para usar Material Design. Aunque la mayoría de las páginas, incluida la página de Configuración, se modifican para adaptarse al nuevo concepto de Material Design, aún no se ha hecho completamente en todo el navegador.

En este artículo, permítanos explicarle cómo utilizar Material Design en Google Chrome.

¿Cómo utilizar Material Design en Google Chrome?

Vaya a la URL de comando "chrome: // flags /" en Chrome e ingrese "material design" en el cuadro de búsqueda "Search flags". Verá todos los experimentos disponibles y no disponibles según su sistema operativo y la versión de Chrome.

¿Cómo utilizar Material Design en Google Chrome?

Banderas de diseño de material cromado

Diseño de materiales de prueba en cromo

Intentemos habilitar la sección Material Design para extensiones. Antes de eso, vaya a "chrome: // extensions /", que debería verse a continuación.

¿Cómo utilizar Material Design en Google Chrome?

Vista de extensiones de Chrome normal

Ahora regrese a la sección de banderas y busque la bandera "Habilitar extensiones de Material Design". Elija "Activado" en el menú desplegable y se le pedirá que reinicie el navegador.

¿Cómo utilizar Material Design en Google Chrome?

Reiniciar Chrome con Material Design habilitado

Haga clic en el botón "Reiniciar ahora" para cerrar y volver a abrir Chrome. Todas las pestañas se volverán a abrir, pero debe volver a iniciar sesión en los sitios en caso de que haya iniciado sesión anteriormente. Ahora vaya a la página de extensiones "chrome: // extensions /" nuevamente. Debería verse elegantemente como a continuación con cuadros de Material Design.

¿Cómo utilizar Material Design en Google Chrome?

Vista de extensiones de material Design Chrome

Otras banderas de diseño de materiales

En la versión 64 de Chrome, pudimos ver las siguientes banderas experimentales:

1 Material Design en el resto de la interfaz de usuario nativa del navegador

La interfaz de usuario básica de Chrome ya utiliza el concepto de Material Design. Habilitar esta bandera extenderá la funcionalidad a otras características secundarias como burbujas, cuadro de diálogo, etc.

2 Habilitar marcadores de Material Design

De forma predeterminada, Chrome usa la vista Material Design para la sección de marcadores. Por lo tanto, no es necesario que habilite explícitamente este indicador.

3 Habilite las extensiones de Material Design

Esta es la opción que hemos explicado anteriormente. Cambiará la URL "chrome: // extensions" para cargar en la vista de Material Design.

4 Habilitar el estante de descarga de Material Design, solo para Mac

Si esta opción está habilitada, la sección de descarga se cargará con la vista Material Design.

5 Material Design Incognito NTP – solo para Android

Esta opción no estará disponible en computadoras de escritorio, ya que solo es aplicable en dispositivos Android. Habilitar esta bandera hará que el texto de las páginas de incógnito sea mejor legible.

Deshabilitar Material Design en Chrome

Actualmente, Chrome usa Material Design como interfaz de usuario base, pero aún hay algunas páginas que usan la vista normal. Pronto puede esperar que Google actualice completamente la interfaz de usuario de Chrome a Material Design en versiones posteriores. Hasta el momento en que las banderas experimentales estén disponibles, puede deshabilitar Material Design en los componentes seleccionados como Marcadores y Extensiones.

Como se explicó anteriormente, vaya a la sección "chrome: // flags /". Elija la opción "Deshabilitado" para la bandera "Marcadores de diseño de materiales" y reinicie Chrome. Ahora ve a "chrome: // marcadores" y revisa la sección de marcadores. Debería mostrarse con la vista normal sin Material Design.

¿Cómo utilizar Material Design en Google Chrome?

Vista de marcadores antiguos de Chrome

¿Cómo utilizar Material Design en Google Chrome?

Vista de marcadores de material design en Chrome

Precaución con el uso de banderas

Las banderas son funciones experimentales que pueden afectar el uso de Chrome. Verá la advertencia que se muestra a continuación cuando acceda a la sección de banderas. Así que juegue con banderas solo si desea habilitar o deshabilitar las funciones.

¿Cómo utilizar Material Design en Google Chrome?

Advertencia de banderas cromadas

Temas y extensiones de material design para Chrome

Vaya a Chrome Web Store y busque "material design" para ver cientos de temas y extensiones. Hay una extensión de " Nueva pestaña elegante " para cambiar el aspecto de la nueva pestaña. Si la vista predeterminada del cuadro de búsqueda de Google en nuevas pestañas te aburrió, esta te emocionará al mostrar tarjetas en una vista simple.

¿Cómo utilizar Material Design en Google Chrome?

Elegante extensión de Chrome New Tab

Por otro lado, puede instalar temas basados ​​en Material Design como " Material Dark " para cambiar el aspecto del navegador.

Fuente de grabación: www.webnots.com
Deja una respuesta

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