Página principal » Caja de herramientas » 40 extensiones útiles de Google Chrome para diseñadores web

    40 extensiones útiles de Google Chrome para diseñadores web

    Me encanta Google Chrome. Su simplicidad, velocidad y rendimiento son de primera clase, sin duda. Pero a veces, ser demasiado simple también es un problema, especialmente para nosotros, los diseñadores web que dependemos en gran medida de los complementos de Firefox como el desarrollador web. Me alejé de Chrome, sí, solo porque no tenía un complemento en 2008.

    Pero ahora, todo cambia de nuevo. No es de extrañar que otros geeks tengan el mismo amor por Chrome y decidieron crear Chrome Extension, que tiene una función similar a la de Firefox Addon. Busqué en esas extensiones y estaba muy satisfecho con ellas, por lo que decidí recogerlas. 40 extensiones que es extremadamente útil para los diseñadores web y compartir con ustedes chicos.

    Así que aquí están para ti, adapta tu Chrome y aumenta tu productividad..

    Color

    Selector de color

    Al igual que su nombre, ColorPicker es una extensión conveniente creada principalmente para seleccionar y obtener el valor del color desde cualquier lugar de la página web. Además, puede seleccionar un área y luego hacer clic en la paleta de colores para ver cómo cambia el color del área sin tocar ningún código..

    Paleta de cromo

    ¿Tienes dolor de cabeza al encontrar el esquema de color de la imagen? La paleta Chrome resuelve su problema de manera eficiente al crear hasta 64 paletas de colores desde la imagen del sitio web para sus necesidades de diseño o inspiración.

    Color Tweaker

    Color Tweaker puede modificar el color del sitio web como lo hace Color Picker, pero con un método más específico. Simplemente ingrese el selector CSS en esta extensión, luego ajuste el color del texto, el fondo y el color del borde a su voluntad..

    Tipografía

    Editor de fuentes

    Sin necesidad de adivinar y agotar el cambio de programa, el Editor de fuentes le permite modificar y observar la configuración de la fuente como tamaño, altura de línea y variante animada.

    Google Font Previewer

    Como se especifica en su nombre, esta extensión le permite obtener una vista previa de la fuente del Directorio de fuentes de Google con opciones de estilo de texto que son tamaño, estilo, peso y sombras. Si está satisfecho con una fuente en particular, puede copiar y pegar el enlace y el código CSS provisto en la extensión del código de su sitio web para usar la fuente..

    Desarrollo

    Desarrollador web

    Probablemente la extensión imprescindible para el diseñador y desarrollador web. Desde la visualización de secuencias de comandos hasta la visualización de información de objetos, el desarrollador web pretende proporcionar toda la información que necesita de un sitio web existente. La extensión también está equipada con herramientas útiles como el selector de color, el ajuste de tamaño de la ventana, el validador, etc..

    Pendule

    Ligera y práctica herramienta de desarrollo que es similar a Web Developer, pero que solo está equipada con las herramientas necesarias como visor de estilo, visor de fuente y validador.

    Firebug Lite

    A diferencia de lo que es en Firefox, Firebug Lite ofrece una representación visual similar a la de Firefox cuando se trata de elementos HTML, elementos DOM y Box Model Sharing. También viene con la capacidad de inspeccionar elementos HTML con su mouse, y puede editar las propiedades CSS con esta extensión animada.

    Stylebot

    Stylebot le otorga la posibilidad de aplicar un estilo a cualquier sitio web directamente sin tocar el código CSS, lo que ahorra mucho trabajo de escritura. La mejor característica de esta extensión es, probablemente, su capacidad para generar código CSS para su uso cada vez que realice un cambio en el sitio web..

    CSSViewer

    ¿Cansado de presionar 'Inspeccionar elemento' cada vez que quieres saber qué estilo CSS se aplica a cierto elemento? CSS Viewer lo ayuda a mostrar información esencial, como la fuente, el color y la posición del elemento de forma animada.

    Hoja de estilo Reloader

    Recarga la hoja de estilos CSS sin actualizar el sitio web completo, lo que ahorra en gran medida su tiempo de espera, especialmente para el diseñador con una conexión a Internet lenta.

    Construido con perfil de tecnología

    La parte más interesante de esta extensión es que enumera todas las tecnologías web implementadas, como marcos y estándares web, con información muy detallada..

    IE Tab Multi

    Se ha comprobado que es el más similar al original de Internet Explorer, IE Tab Multi es su Internet Explorer dentro de Chrome que admite toneladas de la característica predeterminada de IE, como las múltiples pestañas.

    Window Resizer

    Con Window Resizer, puede probar la compatibilidad de resolución de pantalla de su sitio web con resoluciones de pantalla estándar o definidas por el usuario.

    Validador de HTML

    Una de las mejores extensiones de validación que puede validar el código HTML de la página web local o en línea en modo automático o manual. También puede elegir mostrar el resultado de la validación en la página web o verlo en una pestaña completamente nueva..

    Visión

    Con varios temas y opciones de fuente, Sight resalta el código fuente del sitio web en una forma más cómoda a la vista.

    Consola PHP

    ¿Está siendo fastidiado por los errores de PHP pero no sabe qué y dónde está? La Consola PHP le ayuda a mostrar errores, excepciones y mensajes de depuración en forma de notificación.

    Búsqueda API de JavaScript

    La búsqueda de la API de JavaScript agrega compatibilidad con el Omnibox de Chrome, o la llamada barra de direcciones para buscar funciones de JavaScript en línea con la función de autocompletar. Si la extensión no puede encontrar la función que está buscando, le sugerirá más búsquedas relacionadas con la Búsqueda de códigos, el Desarrollo y la Búsqueda de codificación de Google, y la búsqueda en la Red de desarrolladores de Mozilla.

    jQuery API Search

    Si bien jQuery ha demostrado ser la biblioteca de JavaScript líder que mejora la experiencia del usuario, jQuery API Search le otorga la posibilidad de buscar a través de la API jQuery desde Chrome Omnibox. Simplemente escriba 'jq' seguido de un espacio en el omnibox, y luego estará en movimiento.

    Búsqueda de PHP

    Similar a jQuery API Search, esta extensión agrega soporte a su Omnibox de Chrome para buscar código PHP para su uso de referencia.

    Productividad

    Mantenerse enfocado

    ¿Te has jurado que no debes perder el tiempo en el sitio web, pero nunca lo has hecho con éxito? Stay Focused actúa como su supervisor virtual que bloquea el desperdicio de tiempo del sitio web durante un tiempo específico y le aconseja seriamente cuando intenta desbloquear o disminuir el tiempo de bloqueo del sitio. También está armado con características cruciales como la opción nuclear y el modo de desafío que mata tu tiempo perdiendo el deseo de una manera despiadada..

    PopChrom

    Con PopChrom, puede definir sus propios accesos directos para frases de texto, como 'ty' para 'gracias'. La clave de activación es necesaria para transformar la abreviatura en las frases de texto definidas, así que elija una combinación de teclas que no se bloquee con otra tecla de método abreviado.

    Kit de productividad Quickrr

    El kit de productividad Quickrr le proporciona un conjunto de herramientas básicas pero útiles como traductor, calculadora, tarea a realizar, convertidor de unidades, etc..

    Todoist

    Con una cuenta fácil de configurar, puede acceder a este administrador de tareas para anotar y editar todas las tareas que necesita completar. La mejor parte de esta extensión es que sus tareas se almacenan en línea para que pueda acceder al registro de tareas en cada Chrome con esta extensión instalada.

    Temporizador de ananke

    Realice un seguimiento de su tiempo dedicado a ciertas tareas o registre el tiempo que dedicó a un sitio web en particular. El temporizador de Ananke también admite el seguimiento de varias veces y le permite navegar a través de lo que ha rastreado en el pasado.

    Caja de herramientas de cromo

    Creado por Google, Chrome Toolbox te ofrece funciones personalizadas como la modificación del comportamiento de las pestañas, la restauración de datos de formularios y la creación de accesos directos que inician enlaces predefinidos desde la carpeta de marcadores..

    Chrome Page Extended

    A nadie le gusta hacer clic en más para acceder a cierta página, Chrome Page Extended es el acceso directo más rápido para acceder a todas las páginas de Chrome necesarias, como las extensiones.

    AppJump

    Con AppJump, puede organizar e iniciar rápidamente la aplicación Chrome desde la barra de herramientas del navegador.

    Marcador de barra de marcadores

    ¿Demasiados marcadores y fallados en organizarlos eficientemente? Boorkmark Bar Switcher te permite crear una nueva barra de marcadores y cambiar entre ellos fácilmente.

    TabCloud

    Guarde sus sesiones de Windows y restaure más tarde en cualquier computadora con TabCloud, lo que le ahorra mucho tiempo para volver a abrir diferentes sitios web desde diferentes partes de la carpeta de marcadores.

    Recursos

    Páginas similares

    Desarrollado por el gigante de los motores de búsqueda Google, Similar Pages busca en la web contenido web similar que esté leyendo e interesado en descubrir más..

    Busqueda universal

    Los recursos o las referencias son más fáciles con Universal Search, que le brinda un cuadro de búsqueda con la opción de buscar en Wikipedia, Bing y otros motores de búsqueda. El cuadro de búsqueda también aparecerá cuando resaltes cualquier texto del sitio web que estás viendo actualmente.

    Captura de pantalla impresionante

    Una extensión de captura de pantalla totalmente impresionante que captura cualquier parte del sitio web y la anota con rectángulos, círculos, flechas, líneas y texto. Luego puede exportar la captura de pantalla en formato de archivo PNG a su computadora o web.

    Clip para Evernote

    Extensión oficial de Evernote para capturar y anotar su descubrimiento en la web y luego subir a Evernote. La extensión también admite la función para buscar y sincronizar su nota guardada.

    Diigo

    Use Diigo para resaltar, anotar o publicar notas adhesivas de forma privada o pública en la página web para que pueda verla en cualquier momento que acceda a la página web..

    Pensamiento

    Piense Thinkery como su cerebro en línea, luego guarde su dirección de enlace y selección de texto para verlo más tarde.

    mis notas

    La toma de notas debe ser un proceso fácil, y es posible con myNotes que le permite marcar el texto seleccionado con un solo clic en el menú contextual.

    Microstock Photo Power Search

    Probablemente la única extensión de búsqueda para que usted busque fotos de alta calidad de agencias famosas como Fotolia, Dreamstime y Shutterstock.

    Reflexión

    A medida que las aplicaciones y las extensiones de Chrome continúan creciendo y evolucionando enormemente, es posible que cada vez más usuarios de Firefox adopten Google Chrome como su navegador web predeterminado. Dicho esto, ¿volverás tu rostro a Google Chrome con su número actual de extensiones y aplicaciones? ¿Cuál es la extensión, aplicación o característica que lo motivará a mudarse a Google Chrome??

    También comparte con nosotros si tienes una buena extensión en tu Chrome, siempre hay un espacio para una gran herramienta!