006 JSJ Chrome Dev Tools with Paul Irish




Javascript Jabber show

Summary: Panel Paul Irish (twitter github website) AJ O'Neal (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Summer Camp) Jamison Dance (twitter github blog) Joachim Larsen (g+ github website) Yehuda Katz (twitter github blog) Discussion Chrome Developer Tools Chrome Canary Dev Tools settings Disable Cache Enable Source Maps Ctrl-Shift-R is not reliable in refreshing without the cache Require.js Webkit Inspector Persisting live changes Live Edit Revision history on live edits Right click and save to disk on changed JS files Autosave extensions chrome-devtools-autosave autosave-changes-chrome-dev-tools Scripts Panel Pretty Print button (two braces) Breakpoints Right click function references to get function definitions Chrome Canary Script Navigator Chrome dev channel Chrome beta channel Single click edit Firebug Peter Beverloo's blog Chromium Bugs Webkit Bugs Inventing on Principle processing JS Lea Verou Color Picker Mother F***ing animated GIF You can use the Dev Tools on the Dev Tools Minification Build Processes CoffeeScript Source Maps spec node.js library Mozilla Google Closure rake pipeline eval uglify Ryan Seddon Node Inspector Chrome is Chromium with extras Chromium source DBGP debugger protocol Box sizing/border box Dart Dartium Cloud9 IDE Remote Debugging Node.js debugging with Chrome Dev Tools HTML5Please CSS3Please Move the Web Forward HTML5 Boilerplate Shepherd.js Chrome on innovating the web in speed and new standards Picks MITX Course on Electronics (Yehuda) Open Courseware Courses (Yehuda) Gilbert Strang (Yehuda) Inventing on Principle (Jamison) CodeMirror (Jamison) D3 (Jamison) HTML5 Provo Group (AJ) Local Business (AJ) three.js (Joachim) Quake 2 Web GL (Joachim) ThemeForest.net (Chuck) Echo.net (Paul) Zero fill right shift (Paul) Dom mutation observers (Paul) HTML5Rocks (Paul) ToDo MVC (Paul) Transcript JAMISON: Hello? CHUCK: All right. AJ: Hey Jamison, are you on the right Wi-Fi? JAMISON: I switched to the closet one, so I think I am now. AJ: Yeah that’s why you were dropping off. JAMISON: Yeah. PAUL: Get out of that closet. [Laughter] CHUCK: Hi everybody and welcome back to the JavaScript Jabber podcast. This week on our panel, we have a special guest -- that is Paul Irish. PAUL: Hello! Hi guys. CHUCK: Do you wanna introduce yourself for the two people out there that don’t know who you are? PAUL: [Chuckles] Sure. So I’m a front-end developer. I work on the Google Chrome team and I do developer relations. I also, manage the projects of Modernizr and HTML5 Boiler Plate and launched projects like HTML5Please and Mother F***ng Animated GIF and all sorts of good developer facing fun stuff. CHUCK: All right, awesome. We also have on our panel, AJ O'Neal. AJ: Hey! Glad to be here again. CHUCK: And Jamison dance. JAMISON: Howdy. CHUCK: And Joachim Larsen. JOACHIM: Great to be here. Good company as always. CHUCK: And Yehuda Katz. YEHUDA: Hey, excited to be on today. Great to be here. CHUCK: Yeah, me too. And I’m Charles Max Wood from teachmetocode.com and this week, we are going to be talking about “Chrome Developer Tools” and I think we are all going to figure out real quick that there's a lot to know. So I’m a little curious as we get started, Paul, what features you find that most people request the most often that’s already there? PAUL: A lot. One good one is that… okay so this is probably the best one which is, “Why can’t you guys just have those check boxes for disabling styles on the left like every other tool?” CHUCK: [Laughs] PAUL: This has literally been number one request for 2 years [chuckles] and as of about 24 hours ago, it’s there. [Laughs] That one’s a little not so obvious because in Chrome Canary,