November 17th, 2008
The Element Inspector
As someone who does some simple web design and programming, the look and feel of web pages is important to me. And when I want to lay something out in a specific way, I find that the best way to learn is by seeing what other people have done. But diving head first into 500 lines of css and html is no mean feat, especially since it is rarely well commented.
That’s why it surprises me that I’ve never seen something like the Google Chrome Element Inspector before. It is such a handy tool for seeing how a page is laid out, and which properties each element has inherited. It is incredibly detailed, showing every property, including javascript, that is available for each element. Any developer not making use of the Chrome Element Inspector is probably wasting time. Chrome will make you more productive!
The Element Inspector can be accessed by right clicking just about anywhere on a page and selecting ‘Inspect Element.’ Is is also accessible through the page menu, via the JavaScript Console in Developer options. We’ll be looking at the Element Inspector more later. But for now, have a look. I guarantee you will learn something!
Google Chrome