A quick heads up, if you haven’t heard about the new CSSLint project from Nicole ## and Nicholas Zakas, you have been missing out. The project aims to take CSS to the next level and help you understand why your css isn’t performing very well. What, you didn’t know your CSS isn’t performing? Thats because most of us haven’t had a good Code Review on most of our CSS.
CSSLint for TextMate
I talked with Nicholas at the Velocity conference and decided I would put together a quick CSSLint TextMate Bundle that could make use of the Node Module for CSSLint. After a couple of hours playing with the way TextMate Does its bundles, I was able to get a working product. A Couple of quick emails back and forth and we have a Beta version of the CSSLint TextMate Bundle.
Installation is simple. Just download this file CSSLint TextMate Bundle. Unzip the contents, and then rename the file to csslint.tmbundle.
Once you have renamed, just double click on the icon, and it should automatically add it to TextMate.
You need Node.js and TextMate, that’s all.
This bundle uses #!/usr/local/bin/node to launch the node process. If you get a node – not found error,the PATH variable is probably not setup in TextMate.
A couple of quick highlights.
- Runs automatically upon save (⌘S)
- Can be bypassed by pressing ⇧⌘S
- Output is only shown when errors are found
- Based on Node.js
Feel free to contact me about any features you would like to see in the bundle. Or submit a pull request and I will take a look.