Posted by jeffomac on July 24, 2006 at 11:27am
Hey gang...
You all probably already know about this...
but for those of you who don't, check out and install the Firefox Web Developer's toolbar.
https://addons.mozilla.org/firefox/60/
It's a great way to take a peek at the behind the scenes source code on drupal sites... especially the ones that look good... and not so much like a blog. :)
I use the "Outline Block Level Elements" all the time.
Also, the "Display ID & Class Details"
I just heard about another Firefox extension that I'm going to check out too... haven't installed it yet though.
It lets you view source code in a better formatted view or something... I'll review my notes and post it back here.
later,
-Jeff
Comments
Another HTML-Tidy validator with accessibility testing
Can be found here: http://users.skynet.be/mgueury/mozilla/
It does (Copy&Pasted from website):
- errors: HTML errors that Tidy cannot fix or understand.
- warnings: HTML errors that Tidy can fix automatically
- (optional) accessibility warnings: HTML warnings for the 3 priority levels defined in W3c WAI
View Source Chart add-on for Firefox
Another good one...
The View Source Chart for viewing the rendered html.
It color codes and break everything into blocks as well.
It also shows the html output from any javascript includes.
So comparing the regular view source with this one can be helpful... especially when you're working on styling the output from those javascript includes.
It's worth checking out.
https://addons.mozilla.org/firefox/655/