HTML: FireFox Web Developer extension is your friend
This is the best tool I’ve seen for analyzing and disecting a pre-existing website (or to debug the one you just created). This extension allows one to outline table cells, view anchors, DIV tags, disable CSS, resize the browser window, validate your code with the W3C, inspect the DOM, and all inside your browser! Download Firefox. Then download the Web Developer Extension.
Screen shot of Display Element Information
Screen shot of Outline Table Cells
–Stephen M. James
www.smjdesign.com
A note about the author
I love working in a field that changes every day. I am a web developer/designer with an agency background. I have empathy for the user first, then developers, then machines. I follow web standards, coding conventions, then, I do whatever it takes to make it work. Visit my contact page, even if you would just like to say hello. To stay in touch, follow me on Twitter
Further Reading on HTML and CSS
- Tips for responsive web design
- Hiding an email address from spambots and spiders
- CSSsprite: Photoshop script combines two images for CSS hover