Construirlo: 11 extensiones de cromo brillantes para los desarrolladores web

Chrome capturado recientemente una participación del 25% del mercado de los navegadores de Internet, por lo que es el segundo más utilizado en navegador en el mundo detrás de Internet Explorer (que está desarrollándose en Proyecto Spartan). En última instancia, esto significa que Chrome es el de facto hogar para los desarrolladores web.Proyecto Spartan: un navegador magra y sin terminar para la Web actualProyecto Spartan: un navegador magra y sin terminar para la Web actualSpartan recoge la lucha con los competidores de navegadores como Chrome y Firefox. Va a la altura de los ideales de soldados espartanos? Hemos puesto esta primera versión de la prueba y no nos impresionó.Lee mas

Aunque yo soy parcial a Firefox, puedo apreciar por qué la gente le encanta Chrome. Tiende a los puntos de referencia del navegador dominan y hace que sea fácil para la gente normal a convertido en usuarios avanzados Chrome. Otros realmente odian Chrome, pero son pegado a usarlo debido a la disponibilidad de ciertas extensiones.

Esa es una razón por la que Chrome es tan bueno para los desarrolladores web: la Tienda virtual de Chrome y su grupo de extensiones. Si usted planea siempre en el diseño o la codificación de 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 extensión práctica es básicamente una versión avanzada de la herramienta cuentagotas que te gustaría encontrar en un programa como Paint o Photoshop.

Con él, se puede apuntar a cualquier punto de su navegador e inmediatamente tirar de la información de color en ese punto. Una vez retirado, puede modificarlo (ya sea por RGB, HSV, o hexagonal recta) antes de copiarlo en el portapapeles. Extremadamente fácil de usar.

También viene con un gradiente Generador de CSS, un analizador de color página web, y algunas paletas de colores pre-instalado para su comodidad.

ventana Resizer

Uno de los peligros del desarrollador web es asegurarse de que la experiencia de visualización de una página web es agradable para los usuarios a través de todo tipo de dispositivos. No sólo estamos hablando de escritorio vs. móvil - el cual es importante - sino también la diferencia entre las pequeñas tabletas y monitores masivos.

ventana 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ás poner a prueba su sitio web en diferentes resoluciones para ver lo que sus usuarios están viendo - y luego se puede ajustar en consecuencia.

IE Tab

Vídeo: Cómo mostrar movimiento en los dibujos : Tips de dibujo

Otro gran peligro del desarrollador web es estándares navegador (o la falta del mismo). Internet Explorer, Firefox, Chrome, Opera, y todos los otros navegadores menores harán que los sitios web de manera ligeramente diferente. Mientras tanto, algunos navegadores son más lentos para adoptar normas que otros.

O en el caso de Internet Explorer, las normas se tiran por la ventana y desarrolladores web son impulsadas a arrancarse el cabello, ya que están obligados a hacer ajustes.

Con IE Tab, este proceso se hace un poquito más fácil. Se le permite ver una página web en una nueva pestaña de Chrome, pero rindió como aparecería en el IE. No es una solución revolucionaria al problema de IE, pero al menos es algo.

Validez

Vídeo: @xoOlexiitOo ❥DIY:Noche Buena de Papel ☃

No todo el código HTML es igual. Mientras que los navegadores juegan un papel importante en el cumplimiento de las normas, parte de la responsabilidad también recae en el desarrollador web para seguir las buenas prácticas de HTML. Es por eso que existen herramientas que hay para prueba y validación de HTML.

Validez es una extensión que le permite hacer todo esto sin tener que visitar cualquier sitio de terceros. Sólo tiene que abrir su sitio web, haga clic en el botón, y se mostrará todos los mensajes HTML no válidos en la consola del navegador. La valoración se realiza a través del Servicio de Validación del W3C.

BuiltWith

Una cosa que odio de desarrollo web es que hay tantos bibliotecas, marcos, y los motores disponibles para su uso. La libertad de elección es grande, pero es un dolor cuando el número de tecnologías se vuelve tan grande que no puede mantenerse al día con todos ellos.

¿Alguna vez ha visitado un sitio web y se ha preguntado lo que la tecnología subyacente es?

los BuiltWith extensión es un solo botón que analiza la página web actual para ver todas de las bibliotecas web, marcos, y los motores que la energía, incluidas las redes de publicidad, plataformas de distribución de contenidos, e incluso la hospedaje el software detrás de todo.

Cliente cartero RESTO

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

También puede múltiples solicitudes de grupos en algo que se llama una colección, que es una buena manera de mantenerse organizado y eficiente. También puede probar en múltiples entornos cambiando hasta variables ambientales derecha dentro de la extensión.

Ipsum corporativa

Una forma de generar texto de relleno es copiar y pegar “asdf” una y otra vez un centenar de veces. Una mejor manera sería instalar Ipsum corporativa y dejar que se genere texto de relleno para que en un abrir y cerrar de ojos.

Hemos cubierto varias generadores de Lorem Ipsum antes, pero el atractivo de Corporate Ipsum es que se encuentra justo en su navegador. Puede tirar de él con un solo clic de botón. No hay ninguna razón para no usarlo, si usted me pregunta. Ahora se puede volver a codificar en realidad su sitio web!10 Alternativas útil si usted está cansado de los habituales Lorem Ipsum relleno Textos10 Alternativas útil si usted está cansado de los habituales Lorem Ipsum relleno TextosLos diseñadores Web tienen probablemente un gatito de herramientas de Lorem Ipsum guardan estrecha por eso es útil para su trabajo de desarrollo web. generadores de Lorem Ipsum vienen en diferentes formas-algunas de ellas permiten personalizar el texto de relleno ...Lee mas

TabCloud

desarrollo web a veces se produce a través de múltiples máquinas. Mientras control de código fuente para los desarrolladores es la principal forma de mantenerse sincronizado y hasta a la fecha, lo que si se desea transferir múltiples pestañas en las computadoras? Ahí es donde TabCloud viene en.¿Qué es Git & ¿Por qué debería utilizar Control de versiones Si eres un desarrollador¿Qué es Git & ¿Por qué debería utilizar Control de versiones Si eres un desarrolladorA medida que los desarrolladores web, muchas de las veces se tiende a trabajar en los sitios de desarrollo de país, entonces sólo subir todo cuando hayamos terminado. Esto está bien cuando es sólo usted y los cambios son pequeños, ...Lee mas

TabCloud sincroniza sus pestañas a la nube, lo que le permite volver a abrir en otro lugar. También se puede utilizar localmente como un protector de la sesión, lo que le permite almacenar un conjunto de fichas para volver a visitar más tarde. Las fichas se guardan en su cuenta de Google.

WhatFont

diseño de la fuente es un componente importante del desarrollo web, por lo que al igual que los servicios Fuentes de Google Web han vuelto tan popular. La buena noticia es que estas fuentes libres son ahora parte de la la mayoría de las fuentes web hermosas actualmente disponible.Cómo utilizar Google Fuentes En tu proyecto web & Por las que debeCómo utilizar Google Fuentes En tu proyecto web & Por las que debeelección de la fuente es una decisión de diseño integral en cualquier sitio web, sin embargo la mayoría de las veces estamos satisfechos con la misma familia serif viejo y sans-serif. Mientras que el cuerpo principal del texto debe ser siempre algo ...Lee mas

Pero admitirlo: hay momentos en los que estás navegando por la web y que vienen a través de una fuente impresionante que nunca se ha visto antes. Hay un montón de maneras de identificar, pero la forma más rápida es utilizar WhatFont. Con él, usted puede inspeccionar las fuentes simplemente se cierne sobre ellas. Como no podía ser más fácil?

Captura de pantalla impresionante

Si las capturas no son parte de su rutina regular 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 el intercambio de obras en progreso con los miembros de su cliente o de equipo.

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

Si el concepto te intriga, sino que más bien tendría que utilizar un motor más potente programa de escritorio, echa un vistazo a este Comparación de herramientas de captura de pantalla y comenzar a usar el que funciona mejor para usted.4 mejores herramientas para crear Imágenes Comparado4 mejores herramientas para crear Imágenes ComparadoCTRL + SHIFT + 4. Tres claves - eso es todo lo que necesita para capturas de pantalla perfectos. No tiene por qué ser una molestia! Prueba estas herramientas avanzadas de captura de pantalla y no te ocurra mirar hacia atrás.Lee mas

Compruebe Mis Enlaces

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

Compruebe Mis Enlaces hace exactamente lo que promete: comprueba sus enlaces. enlaces válidos están marcadas en verde, mientras que los enlaces rotos están marcados en rojo y al final él se puede dar un porcentaje de puntuación. Todo lo que tiene que hacer después se ve y repara los enlaces!

Extensiones de los cuales se utilizan?

Uno mas extensión para la productividad Me gustaría recomendar es StayFocusd. Es más bien una extensión de propósito general más que una extensión de desarrollo web, pero es ciertamente útil independientemente. Se le impide ser distraído por la web mientras se trabaja!

¿Qué opinas de ellos? ¿Hay otras extensiones esenciales de desarrollo web que le gustaría recomendar? Comparte con nosotros en los comentarios!