001 Web Dev Tools

01 Jun 2012

We will explore the developer console of the various browsers - Chrome, Firefox, Safari and Opera.

Download video: mp4

##Tools used:

  1. Any web browser: Chrome, Firefox, Opera, Safari
  2. Chrome: Developer Tools
  3. Firefox: Firebug
  4. Opera: Dragonfly Developer Tools
  5. Safari: Developer Tools

##Using the Web Dev Tools:

  1. Right Click > Inspect Element to open
  2. Elements Panel: HTML and CSS
  3. Resources Panel: Edit, Prettify
  4. Console Panel: Debug

##More resources:

  1. Google Chrome Developer Tools video
  2. Become a JavaScript console power-user by Paul Irish

##Build Link of this Episode

When we Build by Wilson Miner