CSS Lint

If your day involves a lot of CSS coding, check out CSS Lint. It's an open-source online tool to check for typos, bad practices, incorrect properties for rules, inefficiencies, and other potential problems in your code.

I pasted in the primary style sheet I use for my work website. CSS Lint returned one error and 173 warnings.  The error was a missing colon in one selector. As for the warnings, they could be grouped into the three main problem areas: using IDs in selectors, broken box models, and qualified headings.

It's an instructional and helpful tool, especially for lengthy style sheets that have been used and abused for years. While you may not need or want to take action on every warning, CSS Lint will help you write better code moving forward. Users are welcome to contribute new rules to the tool.

Xyle scope now free

Cultured Code is now offering Xyle scope for free. Not sure when this happened. Used to cost $20. I'm guessing this choice has a lot to do with the great success of Things. I wrote about Xyle scope in Jan. 2008. My conclusion then:

I almost bought this application but, in the end, I decided to stick with two free tools that perform most of the same feats as Xyle, even though I think they are much less elegant. I use Firefox when I'm working on websites, and have grown to rely on Chris Pederick's Web Developer and Joe Hewitt's Firebug.

I'm definitely adding Xyle scope to my toolbox now.

Get a $30 CSS book for free

For the next 14 days, you can download The Art & Science Of CSS (a $29.95 value) for free.

There are two ways to get it:

- follow @sitepointdotcom on Twitter
- visit twitaway.com

Here's an excerpt from the email I just received from SitePoint.com:

Freebies like this are few and far between, so help us spread the word. Tell everyone you think might be interested in a FREE CSS book about the SitePoint 14-day Twitaway!

Ok, there you go. It's a good deal. You'll get 227 pages of CSS goodness. If you don't know much about CSS, it may be especially useful. And, hey, it's free.

MacRabbit Espresso

Grab a cup of coffee. We already have Bean, the excellent and free rich text editor. Soon, we will have Espresso from MacRabbit, creator of the best-in-class CSS editor, CSSEdit.

Reading through the features, it looks like Espresso will be a hybrid application that combines many of the coding-friendly features of BBEdit or TextMate with the great UI and navigation of CSSEdit (to include CSSEdit's live preview functionality). It also offers built-in publishing tools. It is geared towards web development, so it will surely be a strong Panic Coda alternative as well. Can't wait to test it out.

I've signed up for the beta.

Two apps to check out: Iguania, Flux

Here are two apps that recently caught my interest:

1. Iguania:

I heard about Iguania while listening to Adam Christianson's MacCast, which is incidentally one of the best general-interest Mac podcasts out there. Iguania is a novel application to edit your photos without all of those popup boxes and sliders. Instead, you use the keyboard to select the function you want, then adjust that value with your mouse. I've tried it out and love it. I found it to be quite intuitive. I couldn't help but think of how this idea could be applied to the iPhone/iPod Touch 3-axis accelerometer and the new Apple multi-touch trackpad. Some real innovation happening here. It's still in Beta, so give it a try and send some feedback to the developer.

2. Flux:

I came across Flux the other day while perusing my RSS feeds. It's a new website design tool just out of Beta (...and yet already at 1.1.1). I downloaded it, then went to the developer's site to read more. I have to admit it was a bit disconcerting to see the developer blog hosted on a Blogger site. Then I clicked on 'About' and landed on apple.com. Hmm. Still, I pressed on. Thirty minutes later, I concluded that the app has potential but still needs work. It just didn't feel complete to me. I pondered if I should post this or not, but decided I would. I think there are some interesting ideas here — the CSS view alone is worth a look.