developer-tools.nootbook.md

Chrome DevTools

• Codeschool :: Chrome DevTools
• The Breakpoint :: Chrome DevTools Videos

jsFiddle

jsFiddle is a free code-sharing tool that allows you to edit, share, execute and debug Web code within a browser.

• http://jsfiddle.net/simurai/CGmCe/light/
• Easy Web Development with jsFiddle

Table of Contents

---

Codepen

CodePen is an app for sharing and playing around with front end code.

• http://codepen.io/
• Video screencast - using codepen

Table of Contents

---

DevTools Autosave

Chrome DevTools Autosave

Saves changes in CSS and JS that was made via Chrome DevTools Mentioned on Google I/O 2012: [http://youtu.be/3pxf3Ju2row?t=18m24s Screencast: vimeo.com/33765496](http://youtu.be/3pxf3Ju2row?t=18m24s Screencast: vimeo.com/33765496)

Table of Contents

---

DevTools Extensions For Web App Developers

source

Table of Contents

---

List

• [http://gruntjs.com/])(http://gruntjs.com/)
• http://twitter.github.io/bower/
• http://yeoman.io/