Gracias a Techtastico nos enteramos que en el sitio de descarga de extensiones para el navegador Chrome han hecho un listado de extensiones para desarroladores web, y me ha sorprendido la cantidad de herramientas que se pueden agregar al Chrome para diseñar mejores sitios web, las extensiones son las siguientes.
- SpeedTracer
Mide el rendimiento y velocidad de una página web. - Pendule
Herramientas de desarrollo web para Chrome. - Resolution Test
Una extensión para los desarrolladores que deseen probar las páginas web en diferentes resoluciones de pantalla, con la opción de definir sus propias resoluciones. - Measureit!
Saca una regla que te ayudará a obtener el ancho y alto en píxeles de cualquier elemento en una página web. - Chrome Sniffer
Detecta Frameworks y librerías que usan los sitios web. - XML Tree
Muestra los datos XML en un modo fácil de entender. - BuiltWith Technology Profiler
Detecta con que tecnologías están construidos los sitios web que estás visitando. - View Selection Source
Puedes ver el código fuente de la sección de la página que tienes seleccionada. - JavaScript Tester
Extensión para todos los desarrolladores de JavaScript que deseen ejecutar y probar el rendimiento del código JavaScript. - CSS Reloader
Te permite recargar todos los CSS de cualquier sitio sin que haya que volver a cargar la página en sí. - Web developer
Agrega un botón de barra de herramientas con diferentes herramientas para programadores web. - CSS Viewer
Un simple visor de las propiedades CSS. - JSonView
Puedes ver los documentos JSON en el navegador. - CSS Scan
Ofrece una visión general rápida de las propiedades CSS al pasar el cursor del Mouse sobre el elemento. - Chrome Editor
Edición de HTML fácilmente, justo dentro de su navegador. - Multiswitch
Cambiar entre el desarrollo, prueba y aplicación productiva. - Regular Expression Checker
Simple probador de expresiones regulares. - PHP Documentation
Documentación PHP, la documentación oficial para programadores de PHP. - jsshel
Interactúa con Javascript, jQuery y jLinq - Window Resizer
Redimensiona la ventana del navegador para emular varias resoluciones de pantalla. - Aviary Screen Capture
Toma una captura de pantalla de cualquier página web y editar directamente en el navegador con aplicaciones Aviary.com. - Eye Dropper
Gotero selector de color que te permite elegir el color de cualquier página web o del selector de color avanzado. - Instant Image Editor
Modificar cualquier imagen o imagen de fondo al instante. - Lorem Ipsum Generator
Crea texto de relleno al azar. - Plain Clothes
Quita los estilos de las páginas. - Validity
Haz clic en el icono en la barra de direcciones o presione Ctrl + Alt + V para validar la página actual. - Inline Code Finder
Encuentra los elementos HTML con eventos JavaScript en línea, en línea y estilo javascript: enlaces - Picnik
Toma capturas de páginas web y edita las imágenes directamente en tu navegador con Picnik
Ver más en Web Dev Extensions.
Fuente: Techtastico
