CSSEdit 2.6 review

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

CSSEdit 2.6 review

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

extracted-style.css.jpg

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

Inchoo - E-Commerce development company with Magento & WordPress.jpg

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

Applied Styles.jpg

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

Tools | Inchoo.jpg

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

CSSEdit.jpg

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.

If you like what you read, please share it.

  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Yahoo! Bookmarks
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon
  • LinkedIn
  • Netvibes
  • NewsVine
  • Sphinn
  • Tumblr
  • Posterous

To post code in comments, place your code inside [code] and [/code] tags.

There are 3 comments (Add Yours +)

  • 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.

  • 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.

  • 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 :-)

Leave a Comment

Please wrap all source codes with [code][/code] tags.
Magento Design and Development | Magento SEO | iPhone Application Development Web Application Development with ZEND | WordPress Ecommerce | WordPress development
Sitemap

Inchoo - webappsolutions | 2009