Preventative tools for typos in class and id names [closed]

Question

Are there any basic debugging tools for HTML/CSS/JavaScript that would help to identify typos?

For times when "#fron" should be "#from". I'm not talking about the code itself, but for things like class names and ids.

I know there are robust IDEs, but just wondering if there are some fairly basic tools or extensions that I'm simply unaware of.

Before I post a question here, I try to review the code thoroughly, but I'm my own worst proofreader.

Answer 1

Two things I have found to be useful is this: http://blog.whatwg.org/vnu-parser-1-4

I use deadweight for the css: https://github.com/aanand/deadweight

Or ucss https://github.com/operasoftware/ucss

And for my client side rendering, i grab the page contents with phantomjs, then run it by vnu and deadweight/ucss.