Table of Contents is Below. Eran Schoellhorn (http://twitter.com/EranSchoellhorn), Mike Herchel (http://twitter.com/mikeherchel), and Matt Stauffer (https://twitter.com/stauffermatt) walk the Gainesville Front-end Dev Meetup through the various tabs of Google Chrome's Developer Tools. There's a lot of really cool tips and tricks in this video (we taught each other a lot!).
Join us in Gainesville, FL for our Front-end Dev meetup at http://www.meetup.com/Gainesville-Front-End-Dev-Meetup/.
A rough table-of-contents is below:
* 1:30 - Eran talks about theming dev-tools.
* 4:45 - Eran talks about mobile emulation in Chrome Dev Tools.
* 11:29 - Eran talks about JavaScript breakpoints, and debugging.
* 15:30 - Mike talks about Network tab, performance, and HTTP requests.
* 27:20 - Eran talks about debugging POST data in the Network tab.
* 34:40 - Eran talks about the Elements tab.
* 50:30 - Mike talks about editing the dom content.
* 1:02:00 - Matt talks about chrome tools shortcuts includeing $0 shortcut to reference the hightlighted dom element.
* 1:04:20 - Matt discusses debugging AJAX on the network tab.
* 1:06:55 - Matt talks about Profiles and Audits.
* 1:09:08 - Matt talks about scroll performance on the timeline tab.
