15 extensiones de Chrome para diseñadores y desarrolladores web

Utilizo Google Chrome como mi navegador web principal. ¿Por qué? Porque es rápido, fácil de usar, confiable, seguro, fácil de usar, altamente personalizable y tiene su propia tienda web. Si aún no está utilizando Google Chrome, debería considerarlo. Al menos instálelo e intente usarlo durante una semana más o menos.

aplicaciones de texto a voz para Android gratis

Como diseñador o desarrollador web, es probable que pase mucho tiempo trabajando en Chrome. Lo que más me sorprende de las personas que usan Chrome es que no aprovechan las extensiones.



Las extensiones son básicamente herramientas personalizadas que le permiten utilizar Chrome en todo su potencial. Por ejemplo, puede tomar capturas de pantalla con un clic o un botón, compartir sitios web con amigos, controlar su música, obtener información de clasificación sobre varios sitios web y mucho más.



La tienda de Chrome está repleta de extensiones que aumentarán su productividad y mejorarán su flujo de trabajo general. Por lo tanto, también puede utilizar las herramientas que existen para hacer su vida más fácil. ¡La mejor parte es que son todos * gratis!

Echa un vistazo a estas 15 extensiones de Chrome que pueden ayudarte con tu trabajo:



Extensiones de Chrome

Tabla de contenido

1. FireBug Lite

FireBug es un conocido complemento de FireFox que llegó a Chrome. Es particularmente útil para la depuración de código. También le permite monitorear JavaScript, HTML y CSS en vivo para cualquier página web.



Instalar en pc

2. WhatFont

WhatFont permite a los diseñadores descubrir qué fuente se utiliza en una página web con un simple desplazamiento. También puede resolver esto usando FireBug y rastreando el código, pero esta extensión lo hace mucho más fácil.

¿Qué tipo de letra se parece a una vieja máquina de escribir?

Instalar en pc



3. Detector de cromo

¿Alguna vez ha mirado un sitio web y ha pensado: '¿Cómo es esto posible?' Chrome Sniffer te permite averiguar cómo. Puede indicarle el marco de la mayoría de los sitios web. Actualmente puede detectar más de 100 marcos.

Instalar en pc

4. Code Cola

Code Cola permite a los usuarios editar CSS visualmente. Esto significa que los usuarios pueden hacer clic en un área de una página web y manipular fácilmente el CSS. Potencialmente, esto podría ahorrar mucho tiempo a los diseñadores.



Instalar en pc

5. ColorZilla

ColorZilla incluye un selector de color, un cuentagotas y un generador de gradiente . También hay algunos más avanzados herramientas de color . Puede utilizar el selector de color para determinar el color HTML de cualquier parte de una página web y puede guardar ese color en una paleta personalizada. Todo el mundo necesita un selector de color y ColorZilla es uno de los mejores.

mensaje de buenos dias para tu novio

Instalar en pc

6. Cinta

La cinta es perfecta para los diseñadores que buscan asegurarse de que su diseño sea perfecto. Puede determinar fácilmente el tamaño de los elementos estableciendo guías, que se ajustan al contenido de la página. Ya no es necesario realizar capturas de pantalla para determinar las dimensiones de los elementos.

Instalar en pc

7. Prueba de resolución

Los diseñadores y desarrolladores web deben probar sus sitios web en diferentes resoluciones, pero ¿cuál es la mejor manera de hacerlo? La extensión de prueba de resolución para Chrome permite a los usuarios cambiar el tamaño de la ventana del navegador para ver su sitio web en diferentes resoluciones. Puede elegir entre resoluciones de pantalla comunes o ingresar una personalizada.

Instalar en pc

8. Speed ​​Tracer

¿Alguna vez ha estado en una situación en la que su sitio web se carga lentamente y no puede entender por qué? Speed ​​Tracer puede ayudar. Speed ​​Tracer puede encontrar problemas causados ​​por JavaScript, CSS, temporizadores y más.

Instalar en pc

9. generador de lorem ipsum

A veces, necesita texto para llenar una página para poder tener una idea de cómo se verá cuando esté llena. Lorem Ipsum Generator te permite hacer precisamente eso. Puede elegir cuántas palabras desea por párrafo y también cuántos párrafos desea. Llenar su sitio web con contenido nunca ha sido tan fácil.

Instalar en pc

10. Pestaña Internet Explorer

Cuando está desarrollando o diseñando, necesita probar su sitio web en diferentes navegadores, uno de los cuales es Internet Explorer. La pestaña Internet Explorer le permite ver fácilmente su sitio web en IE a través de Chrome. Ese es un navegador menos que tienes que abrir.

Instalar en pc

11. Clasificación de tráfico de Alexa

Como desarrollador o diseñador web, probablemente esté interesado en la cantidad de tráfico que reciben otros sitios web. El Alexa Traffic Rank le permite ver cuánto tráfico recibe cualquier sitio web. Esta puede ser una estadística interesante de observar. Incluso puede usarlo en su propio sitio web, aunque es probable que tenga otras formas de determinarlo.

dulce mensaje de buenos días a una chica

Instalar en pc

12. Herramienta de búsqueda de microstock Photo Power

Buscar imágenes de archivo puede llevar mucho tiempo e irritarse. Microstock Photo Power Search Tool facilita mucho este proceso. Esta extensión le permite buscar imágenes de archivo de las 5 principales agencias de imágenes de archivo, como Fotolia y Shutterstock.

Instalar en pc

13. Paleta para Chrome

Palette for Chrome es una herramienta divertida y útil para diseñadores web. Puede seleccionar cualquier imagen y crear una paleta de color de esa imagen. Puede crear paletas con 16, 24 o 32 colores. Si tiene una imagen favorita, puede crear una paleta de color de él y usa eso paleta de color en el diseño de su sitio web.

Instalar en pc

nombres sexuales para llamar a tu novia

14. TooManyTabs

Mientras desarrolla un sitio web, puede encontrarse con toneladas de pestañas del navegador abiertas. TooManyTabs puede ayudarlo a administrarlos. Esta extensión de Chrome te permite ver una miniatura de tus pestañas abiertas. Es fácil olvidar si tiene una pestaña determinada abierta, pero TooManyTabs puede ayudarlo a encontrarla con la misma facilidad.

Instalar en pc

15. PlainClothes

PlainClothes le permite ver un sitio web en en blanco y negro . Esto puede ayudarlo a encontrar errores en sitios web o descubrir cómo funcionan las cosas. Es una herramienta útil para usar tanto en su propio sitio web como en otros sitios web.

Chrome tiene muchas extensiones para desarrolladores y diseñadores web, cada una de las cuales ofrece algo único. La lista anterior contiene 15 herramientas que son útiles para la mayoría de los diseñadores web. Sin embargo, si tiene una necesidad específica que no se satisface con una extensión anterior, puede examinar la Tienda web de Chrome para ver si existe una extensión para usted.