CSSEdit 2.6 review
3 Comments 27th NOV 2008 | Posted by Željko Prša in Tools

While coding CSS on a PC based text editor can be a normal thing, doing it on a Mac using CSSEdit is an extraordinary experience, really! This article is based on how this little/big app made in Belgium by Macrabbit made me not give up coding and started getting things done.
Here are some of the features that make CSSEdit stand out :
- Streamlined interface
- Extreme Preview
- X-Ray inspector
- Browser Integration
- Milestones
Let’s review them one at the time:
Streamlined interface

The Main CSSEdit window
It offers no-nonsense approach to styling, whether you want to style with the visual editor, source code editor or both as well as now improved “CodeSense” for code completion. Nicely ordered selectors for handy picking the right one without the hassle.
In combination with top notch code hinting, editing local or live sites is a breeze especially with another essential part of CSS edit:
Extreme preview

The preview window
It let’s you see direct changes as you make them in the preview window and if you’re editing a file that you’ve just opened via FTP, commit them and the file is updated on the server.
X-Ray | A superhero

The X Ray inspector
We all know Firebug extension for FF changed the way many web coders work today. X-Ray is the Firebug for CSSEdit. It let’s you select the element via preview window and then using “The inspector” to find all CSS styles applied to it. After that you can click on the CSS selector’s name and it’s selected in the file you’re working on. Just great!
Browser Integration

The preview and edit stylsheet bookmarklet
CSSEdit makes it easy to start editing site’s CSS right from the browser via the bookmarklet. Simple as that.
Milestones

The Milestone feature
Saving your steps while editing a file is a huge advantage, milestones are designed to do just that:
Milestones are lightweight version control for your style sheets. When you save a Milestone, CSSEdit stores a backup of your file along with comments about your current progress.
Whether your a beginner or a coding wonder, everyone needs a great editor. If you’re just starting with Web design it’s a great learning tool and for every developer out there using Mac (Mac only application) make your life easier with CSSEdit 2.6.
I’ve been using CSSEdit for 2 years now and it’s always been a great experience especially when I know that I can rely on it’s features and functionality to get the job done.
On a productivity scale form 1/10 it’s a 10.
To post code in comments, place your code inside [code] and [/code] tags.

















November 28th, 2008 at 10:17
Hi Željko. Nice article, nice app.
My only concern is the 29.95€, for singel licence for such a side app like CSS editor.
Today Ivan Kalaica, the iPhone developer, and I tested my favorite IDE for PHP, XHMTL, CSS and JavaScript… the NetBeans 6.5 on Mac. Works like a charm.
NetBeans also has nice code completion in all of the above mentioned technologies. It even has live preview inside IDE for CSS. Given the fact that it’s completely free and platform independent, I highly recommend it.
If you manage to spare some time, I recommend you give it a try.
Thanks for posting.
November 28th, 2008 at 12:46
Thanks for the tip about Netbeans I’m gonna try it for sure.
CSSEdit actually is my app of choice exactly because it’s not an all-in-one app.
January 21st, 2010 at 9:41
Any luck to get the images back?
Regarding CSS Edit… I do use Netbeans as well, and for any Eclipse aficionado, it does have CSS auto complete as well