So, we code web sites by hand. And one day, it hit us: our web workflow was wonky. We’d have our text editor open, with Transmit open to save files to the server. We’d be previewing in Safari, running queries in Terminal, using a CSS editor, and reading references on the web. “This could be easier,” we realized. “And much cooler.”
Sites: double click, start work.
Your Coda experience starts with “Sites”. Think of them as uber-favorites on cute little pieces of paper. When you’re ready to start work, just double click a site — Coda will instantly restore itself exactly as you left it, connecting to your server, restoring any splits and tabs, and allowing you to code, pronto.
One-click publishing.
Work on websites locally, then publish them remotely to your server? Coda’s sites will automatically track your local changes, and do it all for you. Just hit the big, shiny “Publish All” button. Ka-plam! Up they go.
Screenshots
The power of Transmit. The space of a sidebar.
What happens when you take the flexibility, power, and compatibility of Transmit, then cram it into a sidebar? You get a full-featured, built-in file browser, familiar and awesome. Supporting FTP, SFTP, FTP+SSL, and WebDAV, you can connect to virtually any file server imaginable without breaking a sweat. Edit files remotely, directly. Copy. Upload. Rename. Whatever. Sure, you'll still launch Transmit to do serious transferring with a bit more breathing room — but when you’re building websites, this sidebar rocks.
Faster than ever.
Coda is the first application to use our new, next-generation Transmit Turbo engine. (Transmit not included.) With monumentally improved speed, particularly when working with large numbers of files, your transfers will be done in the blink of an eye... well, unless you’re on a modem.
Screenshots
Elegant and powerful text editing.
We’ve put together one of the most graceful and feature-packed text editors on the Mac, specifically for maximum hand-coding hotness. It’s got what you expect: syntax coloring, line numbering, auto completing, block editing, international support, etc. But the stuff we’ve built on top will really flip your editing lid. To wit:
- Collaboration. Using the innovative Subetha Engine, edit code simultaneously with a co-worker in the next cube — or across the globe. Share documents via Bonjour, track changes, or just sneak in dumb jokes.
Clips. A friendly floating window allows you to insert your frequently used text snippets just by clicking, dragging, or tab-triggering. Nice! Even include a special placeholder icon that will be replaced by your current selection.- Revolutionary Find/Replace. The power of Grep with drag and drop simplicity? It's a Coda first. Want to swap the width and height tags in all of your images? It’s as simple as searching for width=“
” height=“
” and replacing it with width=“” height=“”. That’s it: Coda does the rest. Drag the tokens where you need them, and use as many as you want. (Hard core users can still use regular expressions directly.)
Screenshots
Preview for reals.
You’re writing code: you want to see what it looks like. Thanks to Apple’s WebKit, we’ll show your site exactly as it looks like in Safari, even as you type. Working on a file on a remote server? We’ll update the preview automatically the moment you hit “Save”. The hardest part? Breaking your old habits!
Visualize your layout.
Turn on Coda’s “DOM Inspector” to get a visual look at your site’s element hierarchy. Hover over an element to see how it fits in the page as a whole. The DOM trail in the bottom bar offers an instant glance at how your page fits together.
Javascript console, too.
If your Javascript occasionally has a bug or two or 162, Coda’s Preview can help you out with its built-in Javascript console, showing you relevant errors and line numbers. It even supports console.log(), the best debugging thing created since ever.
Screenshots
Create beautiful CSS.
Using a separate program to design your stylesheets? That’s crazy stuff! We’ve built a fully-featured CSS editor directly into Coda, giving you all the tools you need to create the world’s most beautiful layout. It’s like getting a second, full-featured application thrown in for free!
Visual? Text? Edit your way.
Coda gives you a choice of two editing modes when working on your CSS. In visual mode, you’ll get convenient GUI controls that let you edit your style sheets with point and click simplicity. With text mode, your CSS styles are organized and you can edit the details, hard-core style, directly.
Easier than ever.
Organized cleanly and efficiently, your CSS styles become a series of easy-to-understand groups instead of a scramble of hard-to-parse text. And don’t forget that you can create a vertical split, and throw your source code on the left, to immediately see your CSS code changes as you adjust.
Screenshots
Terminal: built right in.
OK, it’s not very sexy. In fact, it’s quite the opposite. But Coda is all about the little things that make your web development a squidgeon easier. If you need to SSH into a server and run some MySQL queries, or restart Apache, or debug some PHP in real time, there’s only one way you’re gonna do it: terminal. Coda’s got a terminal one mouse click away.
egrep 'bells|whistle' /usr/share/dict/web2
Features? Our terminal has ’em. Connect to a local shell or connect via SSH to a remote server. Put a Terminal in a split, or put a Terminal in its own tab. Copy and paste from the output, or scroll back into the buffer. It’s a terminal! And it’s convenient!
export CLICOLOR=1
Wait! There’s kind of more! ANSI colors also work! You can also, via the preferences, change the font and background colors, or the terminal font itself. Unfortunately, you can’t yet set the background to a picture of Arwyn. But e-mail us, we’ll always consider it.
Screenshots
Built in reference.
Sure, the web is awesome: it knows everything about everything. But it’s not always organized, or well designed, so it’s hard to find clean, consistent reference for your web needs — some HTML help is hard to search, or CSS help is missing critical styles. We want to fix that, and give you the best reference possible.
A real book. At your virtual fingertips.
We worked with the nice folks at No Starch Press to include their super-complete web reference book — The Web Programmer’s Desk Reference, by Lazaro Issi Cohen and Joseph Issi Cohen — right into Coda. We reformatted the book's content into a clean, Coda-like style that you can search, then we tied the reference into the editor itself. The book normally costs $60 at your local book store. But for you? It’s free, and built-in. All part of that Coda magic. (Internet access required to view books.)
HTML, CSS, Javascript, and PHP
It’s all built in — and we hope to add even more reference in the future.
