Over a million developers have joined DZone.

My First Brackets Extension: CSSLint

DZone's Guide to

My First Brackets Extension: CSSLint

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

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.

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}