Preview Anything: Blogs, Your Own Web Apps, CMSs
With CSSEdit, you see changes to your style sheet applied in real-time. Without saving. Without uploading. Without hassle. For any Web App or HTML file
You can edit style sheets for absolutely any site, on- or offline. Thanks to our innovative Override technology, you can even apply your open style sheets to any site and see it change instantly!
Styling a Web App used to be a cycle of type — upload — refresh. CSSEdit destroys this waste of time. Making your Web 2.0 App beautiful is now easy and productive
X-ray: your site in its underwear
It's impossible to know every Web Page you ever made by heart. So what was the class name of that button again? Or the ID of that div? Instead of digging through HTML code, you can click in CSSEdit's Preview and get your answer right away. X-ray shows you exactly where the element is on your page. The margin, padding and positioning indicators allow you to discover the subtleties of how elements interact with each other
X-Ray Makes Complex Style Sheets Easy
The brand new X-ray Inspector shows you what styles apply to the web page. Add Browser Integration Bookmarklets, Extraction and Overriding, and you have the perfect tool to check out how the CSS Masters work. Exploring your favorite sites is now delightfully easy
CSSEdit comes with an advanced X-ray Inspector that tells you what styles apply to the X-rayed element. This allows you to quickly switch to the right context in your style sheet without having to search for some strange term
Integrate with your browser
Sometimes you just have to stop your surfing and enjoy the view. Wouldn't it be great if you could make things like that? CSSEdit makes it fun to learn. Just add the Browser Integration bookmarklets, and a new learning experience is a click away
A Delightful Interface with Visual Editors
The coolest tabs you've ever seen. Elegant visual editors that create clean, valid styles without writing a single line of code. Extreme attention to detail. CSSEdit sports a stunning interface and is a perfect Mac OS X citizen
Point and click
Easy to use visual editors let you create styles without having to know anything about the CSS syntax. There are handy controls for everything from colors to advanced layout. Drop image files, pick colors,… CSSEdit's visual editors make CSS easy and straightforward.
Manage the mess
Style sheets of a respectable size can quickly become unwieldy and unmanageable. Where other apps just show you a list of styles, CSSEdit's innovative grouping system allows you to organize into folders — making it super-easy to find stuff.
Don't work blind
Visual cues make recognizing your styles much easier. You will instantly see a red style, but it'll take some more time to find '.my .obscure #elementname .that .meansred'. CSSEdit even shows the correct fonts for your styles.
Even when everything is categorized, you'll still have an elusive style once in a while. No problem: a few words into the Search field and irrelevant styles are filtered out
If you like the EditCSS plugin for Firefox, the CSSEdit bookmarklets will blow you away. Start editing any site's style sheets with a single click in your browser's Bookmarks bar, then use all of CSSEdit's editing goodness
For Hand-coders, Too
Expected a tradeoff because of the awesome visual editors? Happy to disappoint: CSSEdit's source editor makes you more efficient without getting in your way
The sensible choice
Writing CSS code is quite repetitive. That's why the intelligent CodeSense makes life so much easier. Whenever you type something, you'll get a list with your options. Why intelligent? Because CSSEdit will never suggest duplicate properties, and it remembers what you type most. That means less typing, more styling
Spacing and beyond
CSSEdit automatically adds brackets, (semi-)colons and appropriate spacing for you. If you encounter a style sheet from someone who didn't have that luxury, you can always do a Re-Indent to apply your spacing settings
All the goodies
CSSEdit 2 comes with all the niceties you've come to expect. Use the (Un)Comment command to quickly disable styles, customize your syntax coloring, toggle line numbers and go through your code with the find dialog
Selector Builder… Builds Selectors for You
The innovative Selector Builder lets you describe what elements to style in plain English. Advanced CSS selectors have a steep learning curve, but now there is help. Master advanced CSS without the effort of decoding cryptic selectors!
Effortless selector power
Selectors (especially more advanced ones) have always been a big part of the CSS learning curve. Selector Builder gets rid of that problem in one fell swoop. No more cryptic selector codes, just English buttons and criteria to get you started!
Even when you're comfortable with selectors, you can to use the Selector Builder as a learning tool for that one particular selector you don't quite understand
CSSEdit Makes Experimenting Fun Again
Browsers and humans alike have their faults, but CSSEdit eases the pain. Experiment wildly while Milestones save your work, then Validate your creation
No fear with Milestones
Production quality CSS requires some (or lots of) tweaking to get every browser to cooperate. But what if you accidentally broke something else while fixing that one pesky bug?
When using Milestones, the answer isn't "$%#^[email protected]$!". Just revert to a previously saved milestone and see how you did it before. Now you can dedicate to fixing bugs without any fear of losing work
Validated by the higher powers
CSSEdit's built-in validation makes writing correct CSS a one click process. There's no need to browse through web forms: just use CSSEdit's beautiful inspector and reveal problems in your style sheet. CSSEdit plugs into the W3C's excellent validation service, so the result of their sweat and tears is now right at your fingertips
Validating makes sure every browser can interpret your styles correctly. While valid CSS doesn't guarantee that everything will look fine, invalid CSS is a recipe for disaster