Amazing CSS editing tool

January 16, 2008 · 13 Comments

The creative director at one of my clients just turned me onto CSSEdit. It has a really nice user interface for working with CSS but the really cool thing is that you can view any site in CSSEdit's built-in browser and then download and edit the CSS file live and see changes on the remote web page directly (without needing to actually modify the remote site). This is really useful for previewing how a site - any site - would look with different CSS applied, which is essentially for skinning (which I think is just going to get more and more important).

View count: 306

Tags: osx

13 responses so far ↓

1 Cutter // Jan 16, 2008 at 10:43 AM

I've never done it myself, but I thought it was possible to do the same thing with Firebug?
2 Sean Corfield // Jan 16, 2008 at 10:51 AM

Yeah, I think you can do something similar but CSSEdit is a much nicer editing environment than Firebug.
3 Sammy Larbi // Jan 16, 2008 at 10:58 AM

For an extra 20 dollars at https://www.macheist.com/buy/invite/75591 you can get 1Password, CoverSutra, ... and many others, plus they'll donate 1/4 of it to charity (you choose from a list they provide).

Disclosure: that's an affiliate link. I don't make any money from it though, I just get extra software. Feel free to remove the /buy/invite bit if you feel it's tacky of me to put it in there.

I bought it for CSSEdit and 1Password, but I'm looking forward to some of the others as well. I could have tried them out first, but I thought the first 2 apps were worth it anyway.
4 Paul Marcotte // Jan 16, 2008 at 11:00 AM

CSSEdit is bundled in this year's MAacHeist. Dunno if the other apps are appealing, but if you're going to pop for CSSEdit, you can get another 10 apps for $20. Worth a look...

http://www.macheist.com/
5 Jeremy Prevost // Jan 16, 2008 at 11:03 AM

Interestingly, this is available as part of this bundle for the next week (and no, I have no affiliation with them...I'm just thinking of picking up that bundle for CSSEdit and Snapz Pro X).
http://www.macheist.com/
6 Jeffrey Price // Jan 16, 2008 at 11:56 AM

Well, this is a first for me. I've tried to download a piece of software but it won't run on my OS!
7 Sean Corfield // Jan 16, 2008 at 12:30 PM

Yeah, I can't make up my mind whether any of the others are worth the extra $20 to me...

And, yes Sammy, that was tacky considering others posted an unadorned link :)
8 Sammy Larbi // Jan 16, 2008 at 12:45 PM

Ahh, well I thought it was worth a shot to see what the hidden software was. =)

I doubt I'd use LaunchBar since I'm more than happy with QuickSilver, but I'd like to know what the hidden app is.

In any case, hopefully you all will forgive my spammy faux pas. As I said though, I did buy the bundle anyway because I thought it was worth it - not just to spam you lot! =)
9 John // Jan 16, 2008 at 1:00 PM

I'll second(or third) the MacHeist software bundle http://www.macheist.com . I got it for Cha-Ching & CSSEdit & Coversutra. I'll be giving SnapzPro to my sister (I already have a license).
10 Sean Corfield // Jan 16, 2008 at 1:17 PM

I just spent a while looking at the other apps and I can't imagine using any of them (if I was going to buy the bundle I would have used your link just for your sheer cheek!).
11 Rachel // Jan 16, 2008 at 3:04 PM

Ah, CSSEdit. That and OmniGraffle are the two things that make me jealous of you Mac users...
12 Peter Bell // Jan 16, 2008 at 3:22 PM

I actually did just buy the bundle - using Sam's link! Sam - let me know what the mystery software is if you get it.
13 Chris Peters // Feb 8, 2008 at 12:42 PM

The <a href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer Toolbar</a> for Firefox also allows you to edit CSS in realtime directly in Firefox. It does tons of other fun stuff too!

An Architect's View

CFML, Clojure, Software Design, Frameworks and more...