If you’re a web developer doing studies and observing page sources of websites then you know how hard it is to read through sloppy coding. While I am a stickler for organizing code with a system of indentations, I could lapse once or twice too especially if there are just too many lines to deal with. And pinpointing codes can be a dizzying chore.

But with Firefox, there’s an easier way to read through lines of code. View Source Chart is an add-on that color codes the page source for easy browsing. It graphically shows you the tag boundaries - sure beats looking at same sized fonts. It also graphically shows tag nesting order and hierarchy eliminating manual counting.

Might not be a multitasker of an add-on but sure does provide great functionality.

Download View Source Chart here.