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:
Tabla de contenido
- 1. FireBug Lite
- 2. WhatFont
- 3. Detector de cromo
- 4. Code Cola
- 5. ColorZilla
- 6. Cinta
- 7. Prueba de resolución
- 8. Speed Tracer
- 9. generador de lorem ipsum
- 10. Pestaña Internet Explorer
- 11. Clasificación de tráfico de Alexa
- 12. Herramienta de búsqueda de microstock Photo Power
- 13. Paleta para Chrome
- 14. TooManyTabs
- 15. PlainClothes
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.
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?
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.
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
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.
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.
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.
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.
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
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.
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.
El Mejor
- Cómo el aceite de CBD puede ayudarlo a maximizar sus niveles de energía
- Valor neto, salario anual y logros más notables de Barack Obama
- 30 poderosas citas de Julio César que te ayudarán a vencer el miedo
- Ideas inspiradoras para ayudarte a crear cartones de bingo únicos
- 10 emprendedoras de tecnología para seguir en Instagram