Recursos del Curso Desarrollo Frontend con Developer Tools en Escuela IT

Navegadores

Chrome

• Chrome
• Chrome Canary
• Awesome chrome-devtools

Firefox

• Firefox
• Firefox Beta
• Firefox Developer Edition
• Firefox Nightly

Safari

• Safari
• Webkit Open Source

Opera

• Opera
• Opera Beta
• Opera Developers

Optimización

Imágenes

• TMI (Too Many Images), averigua el peso de la imágenes de tu web
• ImageOptim, optimizador de imágenes (Mac)
• ImageOptim-CLI, optimizador de imágenes desde terminal (Mac)
• Image Optimizer, optimizador de imágenes (Windows)
• Online Image Optimizer

Documentación

• Chrome Developer Tools
• Dev Tips
• DevTools Tips
• DevTools en Google+
• Chrome DevTools Updates
• Totally Tooling Tips
• Working with CSS Preprocessors
• DevTools Tips For Sublime Text Users

Herramientas

• Chrome DevTools App
• HAR Viewer
• Remote Debugging on Android with Chrome

Extensiones

• AngularJS Batarang
• React Developer Tools
• PHP Console

Referencias

Twitter

• Chrome DevTools
• DevTools Tips
• Dev Tool Secrets
• Umar Hansa
• Addy Osmani