As I was designing a site the other day, I realized that the way I have been tracking my code is something I should share.
Most of the projects I work on involve some sort of conversion to WordPress or other CMS system. Anyone who has ever developed a custom WordPress template from novel HTML, CSS, etc… knows how easy it is to run into bugs when it comes to running live code. You install it and something is missing, one of your div floats is outside where you want it to be. Or you are running an IE 6 test and you are totally pissed off that nothing looks right, but you have to make it readable by the 1% jerks (I have a better word) who haven’t yet switched over…I digress.
Anyway, the point I am trying to achieve with this post is that I keep track of my HTML code with HTML <!– comment here –> comment tags. Every time I end a div element: <div id=”nothing”>element</div><!– end nothing –> I comment right after the end div tag. This process has saved me (in some instances) hours when transitioning over to live code.
This application is practical when working with large amounts of nested <div> containers, but thought I would give my two cents :-).
If anyone else has any special tricks for keeping track of code or improving productivity, comments are always welcome!