Don’t Fear the Browser Developer Tools & Vanilla Ice Cream

In this episode, we’ll introduce you to the developer tools hidden in your browser that will become indispensable as you begin to look at HTML and CSS code.

Your browser has some hidden functionality you may not know about. Using Developer Tools right in your browser, you can peek beneath the skirt of any website on internet—barring of course websites made in Flash (boo! hiss!). You'll be able to see the HTML and the CSS that actually makes some of your favorite sites like Apple, Lost Worlds Fairs or even Cute Overload.
Peeking at other people's code is a great way to familiarize yourself with the cool tricks that web designers and developers use to pull off some awesome stuff. So, as you travel the tubes, if you see something you like, don't hesitate to inspect it and see exactly how it was done. The more you do it, the faster you'll get comfortable with developer tools and code.
  1. In case someone else has this problem….I’m using Safari and I could not see the “Inspect Element” command when I right-clicked. Turns out you have to go to Safari Preferences, click Advanced, and select the “Show the develop menu in menu bar” checkbox.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>