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

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

Pero ahora, todo cambia de nuevo. No sorprende que otros geeks estén teniendo el mismo amor con Chrome y decidieron crear Chrome Extension, que tiene una función similar a Firefox Addon. Busqué esas extensiones y estaba muy satisfecho con ellas, por lo tanto, decidí seleccionar 40 extensiones, lo cual es extremadamente útil para los diseñadores web y lo comparto con ustedes.

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 elegir un área y luego hacer clic en la paleta de colores para ver cómo cambia el color de la zona sin tocar ningún código.

Paleta de cromo

¿Tiene dolor de cabeza al encontrar el esquema de color de la imagen? La paleta de Chrome resuelve su problema de manera eficiente mediante la creación de hasta 64 paletas de colores a partir de 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 de CSS en esta extensión y luego ajuste el color del texto, el fondo y el color del borde a su voluntad.

Tipografía

Editor de fuentes

Ya no se trata de adivinar y de cambiar de programa, el Editor de fuentes le permite modificar y observar la configuración de fuentes como el tamaño, la altura de la línea y la variante animada.

Vista previa de fuente de Google

Como se especifica en su nombre, esta extensión le permite previsualizar la fuente del Directorio de fuentes de Google con opciones de estilo de texto que son de 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 proporcionado 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 del script hasta la visualización de la información del objeto, Web Developer tiene como objetivo proporcionar toda la información que necesita de un sitio web existente. La extensión también está equipada con herramientas útiles como selector de color, ajuste de tamaño de ventana, validador, etc.

Pendule

Herramienta de desarrollo ligera y práctica que es similar al desarrollador web, pero que solo está equipada con las herramientas necesarias, como el visor de estilo, el visor de fuente y el validador.

Firebug Lite

A diferencia de lo que es Firefox, Firebug Lite ofrece una representación visual similar a Firefox cuando se trata de elementos HTML, elementos DOM y compartición de modelos de cajas. También viene con la capacidad de inspeccionar elementos HTML con el mouse, y puedes editar las propiedades de CSS con esta extensión animada.

Stylebot

Stylebot le otorga la capacidad de personalizar cualquier sitio web directamente sin tocar el código CSS, lo que ahorra mucho trabajo de tipeo. 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 quiere saber qué estilo CSS se aplica a cierto elemento? CSS Viewer lo ayuda a mostrar información esencial, como la fuente, el color y el posicionamiento del elemento animado.

Stylesheet Reloader

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

BuiltWith Technology Profiler

La mejor parte de esta extensión es que enumera cada tecnología web implementada, como marcos y estándares web, con información muy detallada.

IE Tab Multi

Probado ser el más similar al Internet Explorer original, IE Tab Multi es su Internet Explorer dentro de Chrome que soporta toneladas de características predeterminadas de IE como multi tabbing.

Resizer de ventana

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 en línea o localhost en modo automático o manual. También puede optar por mostrar el resultado de validación en la página web o verlo en una pestaña completamente nueva.

Visión

Con varias opciones de tema y fuente, Sight resalta el código fuente del sitio web en una forma más cómoda visualmente.

Consola PHP

¿Te molestan los errores de PHP pero no sabes qué ni dónde está? PHP Console lo ayuda mostrando errores, excepciones y mensajes de depuración en forma de notificación.

Búsqueda de JavaScript API

JavaScript API Search agrega soporte para Chrome Omnibox, o la llamada barra de direcciones para buscar funciones de JavaScript en línea con la característica de autocompletar. Si la extensión no puede encontrar la función que está buscando, le sugerirá las búsquedas relacionadas de Google Codesearch, Desarrollo y búsqueda de codificación, y la búsqueda de Mozilla Developer Network.

jQuery API Search

Si bien jQuery ha demostrado ser la biblioteca de Javascript líder que mejora la experiencia del usuario, la búsqueda de jQuery API le otorga la capacidad de buscar a través de la API jQuery desde Chrome Omnibox. Simplemente escriba 'jq' seguido de un espacio en el cuadro multifunción, luego estará en movimiento.

Búsqueda de PHP

Al igual que en jQuery API Search, esta extensión agrega compatibilidad con su Omnibox de Chrome para buscar código PHP para su uso de referencia.

Productividad

Mantente enfocado

¿Te animé a mantenerte alejado del tiempo perdido en el sitio web pero nunca lo hiciste con éxito? Stay Focused actúa como su supervisor virtual que bloquea el tiempo perdido en el sitio web durante un tiempo específico, y lo aconseja seriamente cuando intenta desbloquear o disminuir el tiempo de bloqueo para el sitio. También está armado con características cruciales como la opción nuclear y el modo de desafío que mata tu tiempo desperdiciando el deseo de una manera despiadada.

PopChrom

Con PopChrom, puede definir sus propios atajos 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, por lo que debe elegir una combinación de teclas que no se bloquee con otras teclas de método abreviado.

Kit de productividad Quickrr

Quickrr Productivity Kit le proporciona un conjunto de herramientas básicas pero útiles, tales como traductor, calculadora, tarea por hacer, convertidor de unidades, etc.

Todoist

Con una cuenta fácil de configurar, puede acceder a este administrador de tareas para anotar y editar cada tarea 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 Ananke

Haga un seguimiento de su tiempo dedicado a determinada tarea, o registre el tiempo que pasó en un sitio web particular. El temporizador Ananke también admite el seguimiento de múltiples horas y le permite navegar a través de lo que ha rastreado en el pasado.

Caja de herramientas de Chrome

Creado por Google, Chrome Toolbox le 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 lanza enlaces predefinidos desde la carpeta de marcadores.

Chrome Page Extended

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

AppJump

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

Marcador de barra de marcadores

¿Demasiados marcadores y no se pudieron organizar de manera eficiente? Boorkmark Bar Switcher le permite crear una nueva barra de marcadores y cambiar entre ellos fácilmente.

TabCloud

Guarde sus sesiones de Windows y restaurelas más tarde en cualquier computadora con TabCloud, lo que le ahorrará mucho tiempo al volver a abrir un sitio web diferente de una parte de la carpeta de favoritos.

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.

Búsqueda 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 destaque cualquier texto del sitio web que está viendo actualmente.

Captura de pantalla impresionante

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

Clip a Evernote

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

Diigo

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

Pensamiento

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

mis notas

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

Búsqueda de energía de la foto Microstock

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

Reflexión

A medida que las extensiones y aplicaciones de Chrome continúan creciendo y evolucionando salvajemente, es posible que cada vez más amantes de Firefox adopten Google Chrome como su navegador web predeterminado. Habiendo dicho eso, ¿volverá su 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 moverse a Google Chrome?

Además, comparte con nosotros si tienes una buena extensión en tu Chrome, ¡siempre hay espacio para una gran herramienta!

Telegraph: un sitio anónimo de blog hecho por los creadores de Telegram

Los creadores de la popular aplicación de mensajería de seguridad Telegram se están expandiendo a la escena de blogging, y el resultado es un pequeño servicio inusual llamado Telegraph .Lo primero que notará sobre Telegraph es que es extremadamente escueto. La página principal en sí misma no contiene más que cuadros para su título, nombre y la historia principal en sí misma y un botón à ¢ Â? èPublishà ¢

(Consejos de tecnología y diseño)

Recortar y cambiar el tamaño de las imágenes con este simple complemento jQuery

El recorte dinámico de imágenes es más fácil que nunca gracias a bibliotecas como jQuery. La base de código es fácil de usar y la comunidad tiene miles de complementos para manejar imágenes .Uno de estos complementos es Cropper, una solución gratuita de recorte de imágenes de código abierto que maneja el zoom, recortar e incluso guardar imágenes .Este proye

(Consejos de tecnología y diseño)