MacRabbit

Introducing CSSEdit 2

MacRabbit has a blog now. Woohoo! In other news, I just released the most awesome Style Sheet editor in the world: CSSEdit 2.

After an eternity of testing, everyone can now enjoy the most useful, most elegant, most stylish, and most-a-lot-of-things CSS app ever. What’s new? What’s not new! CSSEdit 2 makes it a breeze to style your blog or dynamic Web App (this blog and the new store were both done this way). It has an even prettier and handier UI, X-ray for your web pages, W3C validation, Milestones, browser integration, and tons more. Basically everything you asked for, and then some.

Does that sound good? Hop over to the CSSEdit page for more info and download! Leave a comment!

It’s awesome! I love it!

Jonno Riekwel

Congrats! A damn good release.

Bruno

Woooo !! Is it Christmas already ?

Good to see this App - and MacRabbit in general - back from the wilderness :)

Andy

Congrats Jan!

Brian Delicata

Um - me again. What’s the deal with upgrade licensing ? I’m a paid up 1.0 licence owner - do I need to pay for version 2.0 (not that I hugely mind, I’d just like to know up front).

Also, your license code retrieval page generates php errors :/

Andy

Suggestions:

the XRay thing is neat - but it needs to do more. You need to be able to double click or right click or something and be taken to that selector in the CSS, or to simultaneously see the parts of the CSS that are applying to that particular element. See Xyle Scope for an idea what I mean.

Also, it would be nice - heck, great - to be able to select something in the preview and then say ‘make a selector for this element’ - and have the correct selector pre-created in the CSS for you. Selectors are at least 50% of the magic (or voodoo) of CSS I think.

Oh - and where’s text-shadow ? :-)

Andy

Nothing is working. I can’t even install it.

My Config:
Pentium 4 with HT
Windows XP Pro SP2
5.1 sound blaster
azerty-keyboard

(does the mousewheel work ???)

Peter

Hey Jan, congrats on the release! looks awesome. I’ve got a license for CSSedit 1.7.4. Do I have to fully pay to get CSSedit 2.0 or is the upgrade less expensive?
Thanks for your reply and your work

xiap

Regarding the lost code bugs and missing free upgrade e-mails: I’m working on fixing this :) xiap, version 2 is a $14.95 upgrade for all 1.x users, and free if you purchased in/after May 2006.

Jan Van Boghout

Thanks for the info on the upgrade price. How do we take advantage of it? Thanks!

Jim

Oh, I see … just got my upgrade email :-)

Jim

Wooohooo! This is a fantastic update Jan! Congratulations on the release.

Nik Fletcher

Very Nice, I like :) Looks great!

daniel

Yes! CSSEdit has made developing websites so much easier. CSSEdit has always been one of my favourite apps and it still is. Great work MacRabbit!

Jehan

This app (CSSEdit) sounds fantastic! I’ll try it on my Mac when I get home. NOTE to those trying to install on a PC… this appears to be a Mac application only. Which raises the question for MacRabbit…do you plan to make it for Windoz too? I have to use a PC at work. :(

Teaman

Oh man, you have no idea how happy I am to see this released. Great job…it’s an indispensable tool.

Sean Schroeder

Congrats, Jan! Truly awesome stuff.

Garrett Murray

Wow - just tried out the live update feature on our live site - and double wow for giving me a free upgrade as I’d only bought it a few weeks ago. Cheers!

Simon

Neat! But why not try and go a little iWeb or whatever wysiwyg kinda app feature? But still focus on css. it can”t be that hard to create a small app system to layout or just tweak css visualy instead of constant code.

tripdragon

This is the most impressive app update I have seen in a long time. I have been using this app since 2004 (I think?) and it is pretty much indispensable. With this new feature set, well, WOW. I’ll drop for the upgrade when I get paid.

Nick Valvo

CSS Edit with Textmate and Transmit…
What more could you ever need for web development. (aside from a browser, Photoshop and any server-side tools.)

Joshua Monroe

Hey Jan,

my dreamapp: Actionscript3Edit in the style of CSSEdit ;-)

Patrick Hermsdorf

OH HAPPY DAYS …. !

I’ve been waiting for this update forever, was worried that it would never come.

adam alexander

Hey. Great app.
I know you just had big release and are riding high on that, and feature requests are the last thing you want to hear at this point, but here goes:

Would there be any way to replicate IE 5+, 6 and 7 css quirks? Because that would make this THE killer webdev app. Knowing it renders OK in WebKit and validates is nice but that’s really only ever the beginning, as any web developer knows.

sam

I’m a CSS 1 owner, but I have no upgrade e-mail.

Matthew

Hi Jan, CSS Edit is my dream app for me!!

Ken

Wow. This just made my day!
Can’t wait for the upgrade e-mail.

I agree with sam that it would be very helpful for some IE workarounds. It would be great if there are some warnings after selecting a target rendering engine from a list. I would be cool if the appropriate GUI becomes disabled.

Amazing Update!!

takeshi

Matthew, the free upgrade is only for buyers after May 2006, I fear.

Jan Van Boghout

Jan, what a release! I’ll be interested to see what you decide to add based on feedback, but this is just wonderful update from version 1, and will have me now using CSSEdit more than I was. Congratulations!

Steve

Wow, that icon is hilarious. Well done!

Scott Nicholas

just bought my upgrade and its nothing short of a big WOW! Well done Jan. Absolutely brilliant!! It is one of my everyday apps. :)

Amit Karmakar

Awesome update - I paid for it before I had even downloaded it. Great work - CSSEdit has earned it’s place in my dock many times over!

Will

Love the update! Now it’s time for me to stop being so lazy and start designing again!

Tim

Holy Freakin’ Cow!

Like someone mentioned a little earlier - this is the most impressive 2.0 of anything I’ve seen in a looooooong time! Congrats.

Alexis

Not every day an app inspires me to do better work. Or at least it’s not every day I notice it… :-)

Thank you for another great app. For those reading who don’t know, Deskshade is wonderful too.

Lisa McMillan

I just bought my license and was all excited until I realized that there isn’t any way to edit the styles that are embeded in the pages style tag….huh? Please add support for this or let me know how it can be done. Otherwise, great app.

Simon Dvorak

[…] CSSEdit 2 is out! This thing is sweet. Even if you like typing code by hand (which I do) the dynamic preview modes look amazing. The validation and milestone features are very cool. I’m excited, in case you can’t tell. For $30, you can’t go wrong! After an eternity of testing, everyone can now enjoy the most useful, most elegant, most stylish, and most-a-lot-of-things CSS app ever. What’s new? What’s not new! CSSEdit 2 makes it a breeze to style your blog or dynamic Web App (this blog and the new store were both done this way). It has an even prettier and handier UI, X-ray for your web pages, W3C validation, Milestones, browser integration, and tons more. Basically everything you asked for, and then some.From Introducing CSSEdit 2 at MacRabbit Blog cssedit» news» validation» webdesign» Share this article:These icons link to social bookmarking sites where readers can share and discover new web pages. […]

CSSEdit 2 released at Circle Six Blog

Jan, proficiat! Nu moet ik wel een MBP met 10.4 kopen … ;-)

Joop Vos

great work! looks like i have a new favourite css editor. great UI, very fluid. its great when a developer understands so well how a mac app should look and feel. a bargain at this price.

without trying to sound too cheeky/ungrateful, in the short time i’ve been using this version so far, i think the only thing i’m finding i need is what andy mentions above:

a little more x-ray functionality - the ability to click on a element in the preview or in the tag hierarchy bar and be taken to the closest matching statement would stop me from having to read the element name in hierarchy bar and then search for that tag in the code window to find the matching css code. also, the ability to ‘create selector for this element’ would also be great. (stylemaster has similar functionality, but i’d love to see it implemented with your great UI attention to detail) - in fact any added abilities for x-ray would be welcome as so much time is spent debugging when coding css.

keep up the good work,
:-)

mat

one word: incredible :) like it!

mike

Great job!

Macpire

I see you already got my trackback, so I don’t have to tell you I’m absolutely amazed at the functionality of the new version. It works the way I do and I love it. In combination with TextMate and Transmit it’s my dream editing suite.

I’ve always wished I could edit in Xylescope and now I’m way closer to that dream with X-Ray. I still use Xylescope for debugging and don’t really expect you to incorporate all of its functions. As mentioned by other commentors, a few of them would be nice. Being able to imitate different rendering engines/quirks would be stunning. The idea of creating a new selector with a right click in X-Ray is cool, but could get complicated in projects with deeply embedded selectors (see most blog/cms apps). Clicking a selector and running a search for everything in the stylesheet that affects it, on the other hand, would be a must-have improvement!

I’m absolutely in love with the override feature and the fact that it automatically overrides when I download a stylesheet with transmit to Edit in CSSEdit. If I could get TextMate to do that, well… heaven.

Great work and I look forward to the future.

Brett

Brett Terpstra

Like in Webkit http://nightly.webkit.org/ I’d like to get in the preview the CSS infos for any element if it is easyer than Xylescope.
Good application, I’ll buy the next month.

Teo

[…] Genervt vom umständlichen Bearbeiten von CSS-Dateien? Langweilt das ständige Ändern, Speichern, Seite neu laden? Für die Mac-Nutzer hilft bei dieser Art von Arbeit CSSEdit, das jetzt in Version 2 erschienen ist. Stylesheet-Informationen können hierbei direkt aus dem Browser heraus angepasst werden. Alle Strukturelemente lassen sich intuitiv editieren und die geänderte Darstellung in einer Live-Vorschau direkt in Aktion betrachtet werden. Bei umfangreichen Änderungen im Stylesheet hilft der Milestone-Modus: nach Rumspielen an der Optik kann auf vorher gesicherte Zwischenpunkte zurückgesprungen werden - keine Gefahr mehr, das lang optimierte CSS-Design beim Ausprobieren zu ruinieren . Einmal fertiggestellt kann das neue Design schließlich automatisch validiert werden, um evtl. Missstände aufzudecken. […]

CSSEdit 2: Stylesheets komfortabel bearbeiten » andi.de

Looks fantastic. Can’t wait until I get used to using CSSEdit!

Alan

Guys! You did an amazing job with the 2.0 release! The UI improvements are awesome, the speed of CSSEdit makes Style Master feel old and pained. Really good stuff! It came at exactly the right time.

Erik

Hi Jan, congrats on getting CSSEdit 2 out the door. Incredible app!

dirk

1. As stated many times already, the X-ray selection needs to be highlighted in the CSS. Preferably, a click on an element should take you to the relevant selector in the CSS. It seems so blindingly obvious, and utterly missing, from a user’s perspective. Why was it not done?

2. The preview should have been a separate pane, not a separate window. My guess is that just about everyone using CSSEdit 2 lines up the two windows to see the live changes to the code. One resizable window across the display with the ability to toggle the views would be much more useful and elegant.

MacHare

Love the app!

One question: Where can I find the shorthand-option?
This is the only thing holding me from buying the app!

Tim Van Damme

Nevermind, it happens automaticly :)
I’ll be buying this by tonight!

Tim Van Damme

Woohoo! I’m glad you did this. I was just trying to decide if I should get Xylescope, but this does what I wanted Xylescope for. Thanks for the good hard work. I especially like the milestone feature as I have messed up a few of my sites by “fixing” something…

Brian Zollinhofer

While it’s a great app., I still have to switch to other editors.

–One window option would be great.
–Embedded CSS editing in an HTML page would be better.
–Right-clicking or keyboarding edits in X-Ray would also be genius.

Thanks.

jack

What an awesome upgrade. X-Ray ababy. That’s what I’m saying. Like the man said: You can’t see me right now but I’m weeping tears of joy.

Jon Whipple

Here’s an idea: Make an (X)HTML-editor based on the same principles!
Right now I’m using TextMate, but I miss the auto-complete functions Dreamweaver gives you… I _could_ use DW, but I like working with little responsive apps like CSSEdit…

Tim Van Damme

Hi,

I’d like to have an upgrade E-Mail, too – I’m a registered user of version 1.

It’s a great new version! But could you point out a link where I can download the latest 1.xx release of CSSEdit?

Patrick

Hi, the new version is amazing, but there is one thing that i’m missing, and that is function of sorting all the styles in a) alphabetical order b) in type order etc.

That would be so great!

Oskar

Fantastic, now integrated into my work flow. Up until now, I have just used BBedit and Xyle Scope for HTML/CSS creation and CSS debugging. I looked at CSSEdit years ago and while it was neat… it was not enough to make me jump, but now the clincher is the milestones, the style extraction and override feature.

When I first saw the X-ray feature I thought, way cool, it’s got Xyle Scope-esque display, however, right now it’s more cute than truely useful…

I immediately assumed it would automatically filter the “Style” list to display only the relevant style inheritance hierarchy (similar to Xyle Scope)… but unfortunatley it has essentially no connection to the CSS editor component.

For the time being I’ll continue to use Xyle Scope as my HTML/CSS “X-Ray”. Having said that I’ve highly recommended CSSEdit 2 to all of my friends.

Adrian

Another small detail:
When I set the same style for different items, CSSEdit does the next:
.style1; .style2 {
}

What I would like is:
.style1,
.style2 {
}

Tim Van Damme

Can you put up a link to the 10.3.9 version of CSSEdit 1.x. I don’t have 10.4 at work, but I still like to use CSSEdit.

Thomas

I am having problems with it herew at my work when trying to validate a CSS file. We are behind a Cisco Proxy here with reasonably tied down ports and using a pac file which works well for web browsing but when I try to validate it says it cannot connect to the W3C

Custa

Hello,

I love you software for CSS.

Can you please consider making one for the Windows.

Pleaseeeeeeeeeee

Gaurav

About

This article was written on Monday, 6 November 2006 and filed under:

Say Your Thing

Comments and Trackback are currently closed.

Previous/Next