Web Editor 1.0 (beta)
A clever and functional web editor—with some serious clout. — Requires Mac OS 10.6 or higher.
Get Beta Access:
Sign In or Create an Account to join the Beta.
Manage Web Projects Easily
Searching for a sweet editor for OS X that keeps your projects organized? Look no further. Files can be anywhere on your system and still be part of several projects at once. The Web Editor keeps them organized without making you clone them or move them around.
Jump in head-first with a quick project template: One click and your project is generated and ready to go. If you’ve got a nit-picky work style, you can define your own template and be off to a running start each time you fire up the Web Editor.
Edit Code with Confidence
Ever taken the HTML-CSS-Preview round trip? Click an element in the preview pane and jump to the corresponding code highlighted below. You’ve probably used tools like Firebug or WebKit’s inspector; now you have all that power, and you’re working with your actual files. Just edit and click Save!
Use two slick side-by-side code editors to adjust your content and watch its design take shape in the preview above. With a boatload of handy functions and easy customizations, the Web Editor will fit you like a glove.
Quick and Accurate
Code completion keeps your syntax in the clear by suggesting a list of elements as you type them, so you know you’ve got the right one. If you open a tag, bracket, or parenthesis, the Web Editor automatically adds its closing partner so you don’t forget to include it.
Hey, it’s all about you. Use personal color schemes, line wrapping, tag closing, block indenting, code folding, and more. With so many options, you can customize a workspace you’ll be proud to call your own.
FEATURE ROADMAP  Full Support Coming Soon We’re thinking about it |
|---|
A Beautiful OS X Interface |
| Clean and responsive: You’ll feel right at home with the Web Editor’s windows, panels, and menus. |
| No garish UI tricks here. Just a downright powerful web development tool that’s a pleasure to use. |
| Staring is rude, but we don’t mind. The interface is so nice, you might just want to sit there and look at it. |
| It knows what you want. Everything you need is right where you expect it to be. It’s surprisingly intuitive. |
File & Project Management Made Easy |
| Get organized: Add existing files and folders to a project, or quickly create new ones. |
| Work with multiple projects at once. |
| Project templates: Choose "New Project from Template" to get a jumpstart on a brand new website. |
| File references: Edit once, see and use those updates everywhere. |
| Keep track of file statuses: The Web Editor will let you know when files have been changed or moved. |
| Quick Files: Create them fast, add them to a project later. |
| No limits: Open an unlimited number of files and projects. |
| Easily delete, rename, and duplicate files and folders right in the project panel. |
| Upload via FTP, SFTP, and other common protocols from the Project Pane. |
| Integration with source control systems like Git and SVN. |
Code tools that help you get your job done |
| Live WebKit Preview: See every tweak to your markup and style in real time, in a real browser. |
| Smart Code Completion: Suggests elements, attributes, and selectors—including your own IDs and classes. |
| A Robust Code Library: HTML, CSS, JavaScript, PHP, Ruby, Perl, Python, C++, and more, all at your fingertips. |
| Matching Bracket Indicator: See what’s been properly closed (or not) at a glance. |
| Code Auto-Selection: Click an element in the Live Preview and the corresponding HTML & CSS is highlighted. |
| Find elements fast: Click some HTML code to see the element highlighted in the Live Preview. |
| Customizable Syntax Highlighting: Tweak your color scheme ’til it looks just right. |
| Use Syntax Highlighting color schemes: Create, import, and export color schemes. |
| Code Folding: Hide blocks of code to get ’em out of the way for a bit. |
| Auto-indenting, block-indenting, indent guides, and block drag-and-drop. |
| Toggle white space guide, line numbering, and more. |
| The precise row and column position of the cursor is in the status bar at all times. |
Quickly Find What You’re Looking For |
| Project-wide search and replace. |
| Find files in your project lightning-fast with the fuzzy search bar. |
| You control the scope: Search the current file, open files, or all files in a project. |
| List all open files: Hit Ctrl+Tab to pop up a comprehensive list of everything that’s open. |
| Related files drop-down: A convenient menu lists all files related to the document that’s currently selected. |
Clean, Versatile, and Flexible Work Space |
| Three panel split-screen: Edit your HTML & CSS in seperate windows and see the result in a live WebKit preview. |
| Pop out the Live Preview: Need more room? You can pop out that Preview pane and drag it onto a second monitor. |
| Preview in any browser: WebKit Live Preview not enough? Open the current file in any browser with just a click. |
| Click any element in the Live Preview and the related HTML and CSS markup is selected. |
| Edit/Browse Modes: The Live Preview can switch into “Browser Mode” so you can see exactly how your page will behave. |
| Special characters: Open a convenient window to choose any UTF-8-valid character. |
| Bookmarks: Drop your marks and jump right to those sections in your files. |
| Create and use custom Snippets: Have bits of code you use frequently? Make a snippet and insert blocks of code in just a click. |
| Code Helpers: Interactive helpers for common coding tasks. |
| User-defined Code Helpers: Make your own helpers using JSON. |
Frequently Asked Questions
Why are you charging for the beta?
There’s two really good reasons for that. First, these aren’t half-baked betas—they’re fully functional apps that haven’t been released to the public yet. Second, you’ll get to upgrade to the final release at no extra cost, so you save a ton of money by jumping in now!
Why is access to the beta restricted?
If you’ve read our “About” page or joined our annual egg hunt, you already know that we’re not shy of a joke or two. But when it comes to our products, we’re dead serious and have high standards. We can’t let everyone in on the betas, so don’t feel bad if you don’t get into the program at first.
How much will these programs eventually cost?
Each time we release an update (about every 4–6 weeks), the beta price will increase until we reach the final (proposed) pricing. We’re talking $69 for the Web Editor and $39 each for Web Form Builder and Web Image Studio.
When can I get in?
We’ll let more people in after each update, which we’re planning to release in 4–6 week cycles for each app. But hey, if you share our OS X beta program on Twitter or “Like” us on Facebook, we’ll probably bend the rules for you.
What’s so great about using the betas?
In return for helping us out, you get a fully-functional app, potential prizes for giving especially helpful feedback, and the satisfaction of knowing that you helped make those products the best that they could be.
How long ‘til the final product is out?
That depends. Sometimes a full release will follow in weeks, but it’s usually a few months to tidy up the code. We’ll keep you in the loop so you know what to expect and where to get your updates.
Are you the curious type? We thought so. We made this page full of info just for you. — Have an Access Code?
