Search code examples
javascripthtmlcsserror-checking

Preventative tools for typos in class and id names

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.

Solution

  • 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.