Build It 11 Brilliant Chrome Extensions para desarrolladores web

Chrome recientemente capturó una participación del 25% en el mercado de navegadores de Internet, lo que lo convierte en el segundo navegador más usado del mundo detrás de Internet Explorer (que se está desarrollando en el Proyecto Spartan Project Spartan: un navegador Lean y Unfinished para el Modern Web Project Spartan: Un navegador magro e inacabado para la web moderna Spartan se enfrenta a competidores de navegador como Chrome y Firefox. ¿Estará a la altura de los ideales de los soldados espartanos? Hemos puesto a prueba esta primera versión y no quedamos impresionados. Leer más ). En última instancia, esto significa que Chrome es el de facto casa para desarrolladores web.

Aunque soy parcial a Firefox, puedo apreciar por qué la gente ama a Chrome. Tiende a dominar los puntos de referencia del navegador Browser Wars: Firefox vs. Chrome contra Opera, el Benchmark definitivo Browser Wars: Firefox vs. Chrome contra Opera, el Benchmark definitivo Si solo pudieras elegir un navegador, ¿cuál sería? ¿Cuál es mejor: Firefox, Chrome u Opera? Te lo mostraremos. Lee más y facilita que las personas normales se conviertan en usuarios avanzados de Chrome Cómo convertirse en un usuario avanzado de Chrome, Parte 1: dominar el teclado Cómo convertirse en un usuario avanzado de Chrome, Parte 1: dominar el teclado Google Chrome desde hace algún tiempo El navegador de elección para muchos y aunque la mayoría de nuestros navegadores web pueden hacer algunas cosas bastante impresionantes, Chrome ha seguido arrebatando a los usuarios avanzados, ... Leer más. Otros realmente odian a Chrome pero están atascados al usarlo. Odio a Google Chrome, pero estoy atrapado en eso. Aquí es por qué odio Google Chrome pero estoy atrapado en él. He aquí por qué en la guerra de Chrome contra Firefox, estoy del lado de los usuarios de Google. Pero no quiero. Chrome es mi navegador preferido porque tiene características sin las que no puedo vivir. Leer más debido a la disponibilidad de ciertas extensiones..

Esa es una de las razones por las que Chrome es tan bueno para los desarrolladores web: la tienda web de Chrome ¿Qué tan seguro es la tienda web de Chrome de todos modos? ¿Qué tan seguro es el Chrome Web Store de todos modos? Un estudio financiado por Google descubrió que decenas de millones de usuarios de Chrome tienen complementos con malware instalado, lo que representa el 5% del tráfico total de Google. ¿Eres uno de estas personas y qué debes hacer? Leer más y su conjunto de extensiones. Si alguna vez planea diseñar o codificar un sitio web, aquí hay algunas herramientas esenciales que debe instalar de inmediato..

ColorZilla

ColorZilla comenzó como un complemento de Firefox, pero se hizo tan popular que muchos solicitaron una versión de Chrome. Ahora aquí estamos. Esta práctica extensión es básicamente una versión avanzada de la herramienta cuentagotas que encontrarás en un programa como Paint o Photoshop..

Con él, puede apuntar a cualquier punto de su navegador e inmediatamente extraer la información de color en ese lugar. Una vez tirado, puedes modificarlo (ya sea por RGB, HSV o hexadecimal directo) antes de copiarlo en tu portapapeles. Extremadamente fácil de usar.

También viene con un generador de degradado CSS, un analizador de color de página web y algunas paletas de colores preinstaladas para su comodidad..

Window Resizer

Uno de los peligros del desarrollador web es asegurarse de que la experiencia de visualización de un sitio web sea agradable para los usuarios en todo tipo de dispositivos. No estamos hablando de dispositivos móviles vs. es importante, pero también la diferencia entre tabletas pequeñas y monitores masivos.

Window Resizer es una manera fácil de cambiar el tamaño de la ventana del navegador sobre la marcha. Con el clic de un botón, podrá probar su sitio web en varias resoluciones para ver lo que sus usuarios están viendo, y luego puede realizar los ajustes correspondientes..

IE Tab

Otro gran peligro del desarrollador web son los estándares del navegador (o la falta de ellos). Internet Explorer, Firefox, Chrome, Opera y todos los demás navegadores de menor importancia representarán los sitios web de formas ligeramente diferentes. Mientras tanto, algunos navegadores son más lentos para adoptar estándares que otros.

O, en el caso de Internet Explorer, los estándares se tiran por la ventana y los desarrolladores web son obligados a arrancarse el pelo cuando se ven obligados a hacer ajustes..

Con IE Tab, Este proceso se hace un poco más fácil. Le permite ver un sitio web en una nueva pestaña de Chrome, pero renderizado como aparecería en IE. No es una solución revolucionaria al problema de IE, pero al menos es algo.

Validez

No todo el código HTML es igual. Si bien los navegadores desempeñan un papel importante en el cumplimiento de los estándares, parte de la responsabilidad también recae en el desarrollador web para que siga las buenas prácticas de HTML. Es por eso que existen herramientas para probar y validar HTML 5 Los mejores editores de HTML gratuitos en línea para probar su código Los 5 mejores editores de HTML gratuitos en línea para probar su código Para los momentos en que solo quiera jugar con un pequeño fragmento de HTML para Ajústelo a su gusto, un editor de HTML en línea le servirá mejor. Lee mas .

Validez es una extensión que te permite hacer todo eso sin tener que visitar sitios de terceros. Simplemente abra su sitio web, haga clic en el botón, y mostrará todos los mensajes HTML no válidos en la consola del navegador. La validación se realiza a través del Servicio de Validación W3C..

Construido con

Una cosa que odio del desarrollo web es que hay Tantos Bibliotecas, frameworks, y motores disponibles para usar. La libertad de elección es excelente, pero es un dolor cuando la cantidad de tecnologías se vuelve tan grande que no puede mantenerse al día con todas ellas..

¿Alguna vez ha visitado un sitio web y se ha preguntado cuál es la tecnología subyacente??

los Construido con extensión es un solo botón que analiza la página web actual para ver todos de las bibliotecas web, marcos y motores que lo activan, incluidas las redes de publicidad, las plataformas de distribución de contenido e incluso el software de alojamiento detrás de todo.

Postman REST Client [Ya no está disponible]

Para aquellos de ustedes que trabajan con API REST, Cartero es la única herramienta que necesita para un flujo de trabajo optimizado. Con él, puede construir solicitudes HTTP y obtener respuestas formateadas en JSON y XML. Las respuestas se abren en una ventana separada como HTML.

También puede agrupar varias solicitudes en algo que se llama una colección, lo cual es una excelente manera de mantenerse organizado y eficiente. También puede realizar pruebas en múltiples entornos cambiando las variables de entorno dentro de la extensión.

Ipsum corporativo

Una forma de generar texto de relleno es copiar y pegar “asdf” Una y otra vez, cien veces. Una mejor manera sería instalar Ipsum corporativo y deja que genere texto de relleno para ti en un abrir y cerrar de ojos.

Hemos cubierto varios generadores de Lorem Ipsum 10 alternativas prácticas si está cansado de los textos de relleno de Lorem Ipsum habituales 10 alternativas prácticas si está cansado de los textos de relleno de Lorem Ipsum habituales Los diseñadores web probablemente tienen un kitty de herramientas de Lorem Ipsum guardadas de cerca por Útil para su trabajo de desarrollo web. Los generadores de Lorem Ipsum vienen en varias formas; algunos de ellos permiten personalizar el texto de relleno ... Lea más antes, pero el atractivo de Corporate Ipsum es que se encuentra justo en su navegador. Puede levantarlo con un solo clic de botón. No hay razón para no usarlo, si me preguntas. Ahora puedes volver a codificar realmente tu sitio web.!

TabCloud

El desarrollo web a veces ocurre en múltiples máquinas. Control de código fuente para desarrolladores Qué es Git y por qué debería usar el control de versiones Si es un desarrollador Qué es Git y por qué debería usar el control de versiones Si es un desarrollador Como desarrolladores web, la mayoría de las veces tendemos a trabajar en los sitios de desarrollo local, simplemente cargue todo cuando hayamos terminado. Esto está bien cuando es solo usted y los cambios son pequeños,… Leer más es la principal forma de mantenerse sincronizado y actualizado, ¿qué sucede si desea transferir varias pestañas a través de las computadoras? Ahí es donde TabCloud viene en.

TabCloud sincroniza tus pestañas con la nube, permitiéndote reabrirlas en otro lugar. También se puede utilizar localmente como un protector de sesión, lo que le permite almacenar un conjunto de pestañas para su posterior revisión. Las pestañas se guardan en tu cuenta de Google.

WhatFont

El diseño de fuentes es un componente importante del desarrollo web, por lo que servicios como Google Web Fonts Cómo usar las fuentes de Google en su próximo proyecto web y por qué debe usar las fuentes de Google en su próximo proyecto web y por qué debería elegir la fuente decisión de diseño integral en cualquier sitio web, sin embargo, la mayoría del tiempo estamos contentos con la misma familia de serif y sans-serif. Mientras que el cuerpo principal del texto siempre debe ser algo ... Leer más se han vuelto tan populares. La buena noticia es que estas fuentes gratuitas son ahora algunas de las fuentes web más bonitas. de blogs personales que nunca realicé, pero algunos de mis mejores recuerdos descansan en el diseño de temas y ajustes de fuentes. Hay algo satisfactorio cuando ... Leer más actualmente disponible.

Pero admítalo: hay ocasiones en las que navega por la web y se encuentra con una fuente impresionante que nunca antes había visto. Hay muchas formas de identificarlo, pero la forma más rápida es utilizar WhatFont. Con él, puedes inspeccionar fuentes simplemente por flotando sobre ellos. ¿Cómo podría ser más fácil??

Captura de pantalla impresionante [ya no está disponible]

Si las capturas de pantalla no forman parte de su rutina habitual de desarrollo web, Captura de pantalla impresionante Ayudará a cambiar eso. Las capturas de pantalla son excelentes para documentar cambios en el diseño y compartir trabajos en curso con sus clientes o miembros del equipo.

Esta extensión tiene varias funciones de captura, incluida la página completa, el área seleccionada o el área visible. También le permite agregar anotaciones, desenfocar partes sensibles de la imagen y compartir con un solo clic. O subir a tu Google Drive en su lugar.

Si el concepto te intriga pero prefieres usar un programa de escritorio más potente, mira esta comparación de herramientas de captura de pantalla 4 Mejores herramientas para crear capturas de pantalla Comparadas 4 Mejores herramientas para crear capturas de pantalla comparadas CTRL + MAYÚS + 4. Tres teclas: eso es todo lo que necesitas Para capturas de pantalla perfectas. ¡No necesita ser una molestia! Pruebe estas herramientas avanzadas de captura de pantalla y nunca volverá a mirar atrás. Lee más y comienza a usar el que mejor te funcione..

Revisar mis enlaces

Una gran cantidad de errores de desarrollo web frustrarán a sus visitantes, y los enlaces rotos son uno de los peores delincuentes. Un enlace roto podría estar bien, pero más que eso y su sitio web comienza a perder credibilidad y reputación. Afortunadamente, este es un error fácilmente evitado.

Revisar mis enlaces hace exactamente lo que promete: comprueba tus enlaces. Los enlaces válidos se marcan en verde, mientras que los enlaces rotos se marcan en rojo y al final le dará una puntuación porcentual. Todo lo que tienes que hacer después es ir y reparar esos enlaces.!

¿Qué extensiones usas??

Una extensión más para la productividad 15 Extensiones Chrome para no perder la productividad para la productividad 15 Extensiones Chrome para la productividad que no se puede perder para la productividad Hoy en día, le ofrecemos algunas extensiones más para que trabaje mejor en línea. Leer más Lo recomendaría es StayFocusd. Es más una extensión de propósito general que una extensión de desarrollo web, pero ciertamente es útil independientemente. Te evita estar distraído por la web mientras trabajas!

¿Qué piensas de estos? ¿Hay alguna otra extensión de desarrollo web esencial que recomendarías? Comparte con nosotros en los comentarios a continuación.!

Explora más acerca de: Extensiones de navegador, Google Chrome.