Home-theater-designers
Chrome capturó recientemente una participación del 25% del mercado de navegadores de Internet, lo que lo convierte en el segundo navegador más utilizado en el mundo detrás de Internet Explorer (que está evolucionando hacia Project Spartan). En última instancia, esto significa que Chrome es el de facto inicio para desarrolladores web.
Aunque soy partidario de Firefox, puedo apreciar por qué a la gente le encanta Chrome. Tiende a dominar los puntos de referencia de los navegadores y facilita que las personas normales se conviertan en usuarios avanzados de Chrome. Otros realmente odian Chrome, pero no pueden usarlo debido a la disponibilidad de ciertas extensiones.
Esa es una de las razones por las que Chrome es tan bueno para los desarrolladores web: el Tienda virtual de Chrome 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 de cuentagotas que encontrarás en un programa como Paint o Photoshop.
Con él, puede apuntar a cualquier lugar en su navegador e inmediatamente extraer la información de color en ese lugar. Una vez extraído, puede modificarlo (ya sea mediante RGB, HSV o hexadecimal recto) antes de copiarlo en su 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 conveniencia.
Cambiar el tamaño de la ventana
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 solo de dispositivos móviles frente a computadoras de escritorio, que es importante, pero también la diferencia entre tabletas pequeñas y monitores masivos.
Cambiar el tamaño de la ventana es una forma sencilla de cambiar el tamaño de la ventana del navegador sobre la marcha. Con solo hacer clic en un botón, podrá probar su sitio web en varias resoluciones para ver lo que ven sus usuarios, y luego podrá ajustarlo en consecuencia.
Pestaña IE
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 menores mostrarán los sitios web de formas ligeramente diferentes. Mientras tanto, algunos navegadores tardan más en adoptar estándares que otros.
O en el caso de Internet Explorer, los estándares se tiran por la ventana y los desarrolladores web se ven obligados a arrancarse el pelo al verse obligados a adaptarse.
Con Pestaña IE , este proceso se hace un poquito más fácil. Le permite ver un sitio web en una nueva pestaña de Chrome, pero representado 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 juegan un papel importante en el cumplimiento de los estándares, parte de la responsabilidad también recae en el desarrollador web de seguir las buenas prácticas de HTML. Por eso existen herramientas para probar y validar HTML .
Validez es una extensión que le permite hacer todo eso sin tener que visitar sitios de terceros. Simplemente abra su sitio web, haga clic en el botón y se mostrarán 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 de W3C.
Construido con
Una cosa que odio del desarrollo web es que existen Tantos bibliotecas, marcos y motores disponibles para su uso. La libertad de elección es excelente, pero es una molestia cuando la cantidad de tecnologías se vuelve tan grande que no puede mantenerse al día con todas.
¿Alguna vez ha visitado un sitio web y se preguntó 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, los marcos y los motores que lo impulsan, 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 llamado colección, que es una excelente manera de mantenerse organizado y eficiente. También puede probar en múltiples entornos cambiando las variables ambientales dentro de la extensión.
Seguros corporativos
Una forma de generar texto de relleno es copiar y pegar 'asdf' una y otra vez cien veces. Una mejor forma sería instalar Seguros corporativos y deje que le genere texto de relleno en un abrir y cerrar de ojos.
Hemos cubierto varios generadores Lorem Ipsum antes, pero el atractivo de Corporate Ipsum es que se encuentra directamente en su navegador. Puede levantarlo con un solo clic de botón. No hay razón para no usarlo, si me preguntas. ¡Ahora puede volver a codificar su sitio web!
TabCloud
El desarrollo web a veces ocurre en varias máquinas. Si bien el control de código fuente para los desarrolladores es la forma principal de mantenerse sincronizado y actualizado, ¿qué sucede si desea transferir varias pestañas entre computadoras? Ahí es donde TabCloud viene en.
TabCloud sincroniza sus pestañas con la nube, lo que le permite volver a abrirlas en otro lugar. También se puede usar localmente como protector de sesión, lo que le permite almacenar un conjunto de pestañas para volver a visitarlas más tarde. Las pestañas se guardan en su cuenta de Google.
WhatFont
El diseño de fuentes es un componente importante del desarrollo web, por lo que servicios como Google Web Fonts se han vuelto tan populares. La buena noticia es que estas fuentes gratuitas son ahora algunas de las fuentes web más hermosas disponibles actualmente.
Pero admítelo: 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 más rápida es utilizar WhatFont . Con él, puede inspeccionar fuentes simplemente 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 progreso con su cliente o miembros del equipo.
cómo eliminar archivos que están en uso
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 súbelo a tu Google Drive en su lugar.
Si el concepto le intriga, pero prefiere utilizar un programa de escritorio más potente, consulte esta comparación de herramientas de captura de pantalla y comience a utilizar la que mejor se adapte a sus necesidades.
Ver mis enlaces
Muchos errores de desarrollo web frustrarán a sus visitantes y los enlaces rotos son uno de los peores infractores. Un enlace roto puede estar bien, pero más que eso y su sitio web comienza a perder credibilidad y reputación. Afortunadamente, este es un error que se evita fácilmente.
Ver mis enlaces hace exactamente lo que promete: comprueba sus enlaces. Los enlaces válidos están marcados en verde, mientras que los enlaces rotos están marcados 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 que 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. ¡Evita que la web te distraiga mientras trabajas!
¿Qué opinas de estos? ¿Hay otras extensiones de desarrollo web esenciales que recomendaría? ¡Comparte con nosotros en los comentarios a continuación!
Cuota Cuota Pío Correo electrónico 15 comandos del símbolo del sistema de Windows (CMD) que debe conocerEl símbolo del sistema sigue siendo una poderosa herramienta de Windows. Estos son los comandos CMD más útiles que todo usuario de Windows debe conocer.
Leer siguiente Temas relacionados- Navegadores
- Google Chrome
- Extensiones de navegador
Joel Lee es el editor en jefe de MakeUseOf desde 2018. Tiene un B.S. en Ciencias de la Computación y más de nueve años de experiencia profesional en redacción y edición.
Más de Joel LeeSuscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse