Contenido
- 01. Simplifique Gmail
- 02. Espectro
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Paleta de sitios
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Muy resaltador
Las herramientas de desarrollo de Chrome son excelentes, pero es posible agregar funciones aún más interesantes a su navegador de Internet para facilitar el diseño y el desarrollo web.
Por supuesto, hay un montón de otras herramientas para acelerar las cosas, vea nuestra publicación de herramientas de diseño web favoritas. Sin embargo, por ahora, aquí tienes 30 de nuestras extensiones de Chrome favoritas para diseñadores y desarrolladores web.
01. Simplifique Gmail
Si encuentra que Gmail se está volviendo un poco complicado por su propio bien, diga hola a Simplify Gmail, que elimina todos los escombros y malas decisiones de IU que se han infiltrado en él durante los últimos años. Creado por el ex diseñador principal de Gmail, Michael Leggett, elimina todo el desorden que te distrae y te brinda una versión más funcional y simplificada.
02. Espectro
El daltonismo de algún tipo afecta a alrededor de 200 millones de personas en todo el mundo, pero atenderlos suele estar bajo en la lista de verificación de accesibilidad de los diseñadores. Sin embargo, con Spectrum, puede probar rápidamente su sitio frente a diferentes tipos de deficiencias en la visión del color y asegurarse de que todo esté claro.
03. CSS Scan 2.0
Las herramientas de desarrollo de Chrome son una forma práctica de verificar debajo del capó para ver cómo funciona un sitio, pero CSS Scan 2.0 es aún más fácil si lo que desea ver es CSS. Pase el cursor sobre cualquier elemento y su CSS aparecerá en una vista emergente, lo que le permitirá copiar sus reglas con un solo clic. Puede usarlo para copiar elementos particulares de temas o plantillas para adaptarlos a su propio uso, y es excelente para depurar su propio código.
04. Amino
Aquí tienes otra gran herramienta de CSS. Amino es un editor de CSS en vivo que te permite generar hojas de estilo en el navegador y aplicarlas en tiempo real a los sitios web. Efectivamente, le permite realizar cambios de diseño permanentes en cualquier sitio que visite, y si ha iniciado sesión en Chrome con su cuenta de Google, las hojas de estilo se sincronizarán para que sean accesibles desde Chrome en todos sus dispositivos de escritorio.
05. Sizzy
El diseño web receptivo es un hecho en estos días, y si desea una forma sencilla de verificar sus diseños en múltiples ventanas, vale la pena echarle un vistazo a Sizzy. Le mostrará una vista interactiva de su página renderizada en varios tamaños de pantalla de dispositivo diferentes, y también puede mostrar y ocultar un teclado de dispositivo simulado y cambiar entre los modos vertical y horizontal.
06. Paleta de sitios
La próxima vez que vea un sitio que hace un gran uso del color, le presentamos una forma sencilla de aprovecharlo. Paleta del sitio extrae los colores principales de un sitio web y genera una paleta para compartir que puede mostrar fácilmente a los colaboradores. También puede descargar una plantilla de Sketch y también es compatible con Adobe Swatch.
07. Checkbot
Asegurarse de que todos los enlaces de su sitio realmente funcionen es una ganancia instantánea de usabilidad y también es una buena manera de mejorar su SEO. Checkbot es una extensión de Chrome que busca enlaces rotos, títulos duplicados, cadenas de redireccionamiento, HTML / JS / CSS no válidos y más, para que pueda auditar rápidamente su sitio en busca de enlaces defectuosos y corregirlos.
08. Toby
Es una verdad universalmente reconocida que para cuando haya abierto Chrome durante un par de horas, será un confuso nido de pestañas del ancho de su dedo meñique. Toby es una excelente manera de domesticarlos; con él, puede organizar todas esas pestañas en colecciones de enlaces como alternativa a muchos marcadores individuales, lo que los hace mucho más fáciles de administrar.
09. DomFlags
Acelere radicalmente los procesos de diseño de elementos con DomFlags, una extensión realmente excelente que le permite crear atajos de teclado para elementos DOM. Es como tener marcadores para navegar por DOM; esto cambiará la forma en que trabaja con DevTools.
10. Muy resaltador
A continuación, presentamos una forma interesante de atraer a las personas a un debate: Highly le permite compartir los aspectos más destacados de los artículos en la web, para que pueda llamar la atención sobre los fragmentos de escritura más importantes.
Siguiente: 10 extensiones más de Chrome