HTML5 Zone is brought to you in partnership with:

Raymond Camden is a developer evangelist for Adobe. His work focuses on web standards, mobile development and Cold Fusion. He's a published author and presents at conferences and user groups on a variety of topics. He is the happily married proud father of three kids and is somewhat of a Star Wars nut. Raymond can be reached via his blog at www.raymondcamden.com or via email at raymondcamden@gmail.com Raymond is a DZone MVB and is not an employee of DZone and has posted 121 posts at DZone. You can read more from them at their website. View Full User Profile

My First Brackets Extension: CSSLint

06.13.2012
| 2383 views |
  • submit to reddit

This weekend I worked on my first extension for Brackets - CSSLint. The experience was pretty interesting. Much like writing extensions for ColdFusion Builder, your time is split between creating the UI/extension connection points and the actual logic of the extension itself. In this case, since it was my first extension, I'd say 95% of was on the "Extension" aspect and the rest on running CSSLint. Which is to be expected I think. The CSSLint tool is trivial to implement in code. In fact, once I got the current document in Brackets I just had to do this:

results = CSSLint.verify(text);

Here's a quick screen shot of the results. If you are curious - it was run on a file from jQuery UI.

Here's a shot showing a complete view of Brackets and my extension running:

If you are playing around with Brackets, you can download the extension and give it a shot. Let me know what you think.

Published at DZone with permission of Raymond Camden, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)

Tags: