A (good) web developer use several tools in order to be productive and built amazing projects. I guess, you can find advocates for Vim or Emacs but after you pass the phase of writing the code, it’s time to check why it’s not doing what you wish to see. You can find on Opera Dragonfly and in FireFox land there is Firebug. But, as you might guess already, my favorite tool is Chrome DevTools on Canary.
What are DevTools?
The Chrome Developer Tools are a set web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application.
(!) If you are a front-end developer you should use Google Chrome Canary. It is easy to install it side by side your regular Chrome and it will give you the latest and greatest features with frequent improvements. This post is not a replacement to the one ‘source of true‘ but more of an update on the new features we have today (OCT 2013) in Canary. Checkout the pictures below with the green arrows that show you some of the interesting feature you can use. Continue reading