Dreamweaver's Code Navigator

I am in LOVE with Dreamweaver's Code Navigator! Where have you been all my life.

This makes finding CSS code quick and easy. Since I am new to Dreamweaver CS4 I have been curious about the Code Navigator icon that shows up. It can be quite annoying. Now I know how to turn it off if I need to.

In default mode, you can just rest you selector tool on some text. After few seconds the Code Nav icons appears. It looks like a ships wheel. Just click on icon and it will bring up a list of code pertaining to the text. You can run your selector over the list of code for more info. What is great is that you can click on the code and it will take you to the CSS code, even the source code. So you can make fast edits. For example, since I was talking about text, you can easily change font size, colors or etc...

Code Navigator works just about everywhere. You can even select from the nav bars above the properties information.

This is just terrific!

Once you have Code Navigator open to a list, you have an option of turning off the annoying icon. To use Code Nav you just have to alt/click on a element to bring it up.

Enjoy,
DJ