Hoy, comparto con ustedes mi lista seleccionada de 12 extensiones de Chrome para diseñadores y desarrolladores. Estoy emocionado de que esta sea mi área de especialización, así que vayamos directo a ella.
1. El Gran Tirante
The Great Suspender es una extensión de Google Chrome gratuita y de código abierto que minimiza la cantidad de memoria que utiliza Chrome. Lo hace suspendiendo automáticamente las pestañas que han estado inactivas.Bajo el capó, lo que hace es despojar a las páginas web inactivas de sus gráficos, JS, etc.
Extensión de Chrome The Great Suspender
2. Comprobación de UX
Comprobación de UX La extensión de Chrome te ayuda a reconocer problemas de usabilidad a través de una evaluación heurística rápida y sencilla.
El flujo de trabajo es simple. Haga clic en el icono para iniciar Diez heurísticas de Nielsen en un panel lateral como con las herramientas Chrome Dev . Puede hacer clic en cualquier elemento que no pase la evaluación para agregar notas, tomar capturas de pantalla y exportar como archivo s docx para compartirlo fácilmente.
Comprobar UX Extensión de Chrome
3. Cuentagotas
Eye Dropper es la herramienta de selección de color más increíble en lo que a mí respecta.Cuenta con 2 pestañas: Eyedropper y Cooler selector. La herramienta cuentagotas le permite elegir colores de cualquier página web, mientras que la herramienta de selección de colores le permite seleccionar colores personalizados.
Los colores elegidos de páginas web o seleccionados de la pestaña del selector de color se guardan automáticamente en una paleta que puede descargar como un archivo CSV. Además, Eye Dropper muestra todos los colores en RGB, HSL, códigos HEX y por nombre, y admite atajos de teclado.
Extensión de Chrome Eye Dropper
4. FuenteFace Ninja
FontFace Ninja es capaz de mostrar información sobre cualquier fuente en cualquier sitio web. Contiene enlaces de descarga de fuentes gratuitas y una opción para mostrar los precios de las de pago.
FontFace Ninja también tiene opciones para usar el modo oscuro, detectar fuentes en imágenes (beta) y mostrar opciones de marcadores.
Extensión de Chrome FontFace Ninja
5. Regla de página
Page Ruler es una extensión de regla minimalista que le permite medir anchos y altos en páginas web. Cuenta con varios atajos de teclado, navegación a través de elementos principales y secundarios, pautas de medición y localización en 10 idiomas.
Extensión de Google Chrome para reglas de página
6. Descargador de videos de Facebook
FB Down puede descargar fácilmente videos de Facebook y cualquier otra página con reproducción de video. Puede usarlo para descargar todos los formatos de medios populares, incluidos ciertos videos con derechos de autor (cuando elige descargar el video sin audio).
FB Down actúa como rastreador de enlaces en las páginas web y el icono se ilumina cuando ve contenido descargable.
Extensión de Chrome para descargar videos de Facebook
7. PerfectPixel
PerfectPixel de WellDoneCode, es la mejor extensión para crear sitios web con píxeles perfectos. Le permite establecer imágenes como superposiciones que puede comparar con el sitio de desarrollo. Admite atajos de teclado, superposición de imágenes semitransparentes y más.
Extensión PerfectPixel Chrome
8. Ojo de hojalata
TinEye es la herramienta de búsqueda de imágenes inversa perfecta y la primera en implementar tecnología de identificación de imágenes, en lugar de palabras clave, metadatos o marcas de agua. Funciona creando firmas digitales únicas para imágenes y luego compara las firmas con las de su índice.
TinEye no solo devuelve imágenes similares en sus resultados de búsqueda, sino coincidencias exactas sin excluir las versiones recortadas, redimensionadas y editadas.
Extensión de Chrome TinyEye
9. Pimienta CSS
CSS Pepper le permite extraer CSS (incluso de objetos ocultos) y crear hermosas guías de estilo de una manera bien organizada. Esto permite a los diseñadores y desarrolladores dedicar más tiempo a trabajar en el diseño que a buscar en el código.
Extensión CSS Pepper Chrome
10. WhatRuns
WhatRuns le informa de todo lo que se ejecuta en cualquier sitio web, incluidos marcos, temas, fuentes, CMS, etc.
Además, puede seguir sitios web para que la extensión le notifique cuando se agreguen nuevas tecnologías.
Extensión de Chrome WhatRuns
11. Muzli
Muzli es una extensión gratuita que trae miles de hermosos e inspiradores diseños directamente a su navegador en forma de un nuevo reemplazo de pestaña .
Cada vez que abre una nueva pestaña, Muzli la completa con algunos de los diseños más hermosos de más de 120 fuentes, incluidas InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, etc. Esta es una joya para diseñadores.
Extensión Muzli Chrome
12. Dimensiones
Dimensions es una extensión gratuita y de código abierto que le ofrece una forma inteligente de medir distancias entre los elementos de la página.
Encuentre las dimensiones de la imagen y los elementos HTML arrastrando y desplazando el mouse relativamente. También puede usar métodos abreviados de teclado para trabajar; solo recuerde configurar un método abreviado de teclado al final de la lista de extensiones de Chrome para alternar la extensión y disfrutar de la mejor experiencia.
Extensión de Chrome Dimensiones
Hay otras extensiones que debe conocer, p. Checkbot tiene como objetivo aumentar su reputación de SEO y la velocidad y seguridad general del sitio web mediante la comprobación de enlaces rotos, páginas inseguras, HTML/CSS/JS no válidos, títulos duplicados y otros problemas que quizás no note durante el desarrollo.
Y Revisar mis enlaces que rastrea sus páginas web para asegurarse de que no tenga enlaces rotos; este es gratuito pero no tan robusto.
¿Tiene extensiones geniales para diseñadores y desarrolladores que deberíamos conocer? Agrégalos en la sección de comentarios a continuación.