back to panic.com

Text editor + file transfer + svn + CSS + Terminal + Books + More = Whoah.

Welcome to Coda. Grow beautiful code.



spacer

The story of Coda.

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, adjusting SQL in a Terminal, using a CSS editor and reading references on the web. “This could be easier,” we declared. “And much cooler.”

What have we added to Coda lately?

  • Plug-ins. This is huge! Teach Coda new tricks, and extend its functionality, lickety-split. Download plug-ins that others have written, or write your own plug-ins using your favorite scripting language. This is just the beginning — learn more in the Coda Developer Zone. We look forward to seeing what you make!
  • Open quickly. Hit Control-Q to instantly access the Open Quickly window. Type a few letters of the local file you want to edit, anywhere in your site. Ka-jang! Instantly open it. It's Spotlight for your website files!
  • Smart Spelling. Spell check your words — not your code. And in Mac OS X 10.5, do it as you type!
  • Subversion. Work with a team using the most popular source control system there is, baked right into the sidebar. Check out code, update, commit changes — yep, Coda just saved you even more time.
  • Find across files. You can now find and replace text across multiple local files — open files, files in a specific folder, or the files in your "site" — using the same sleek, inline search bar you know and love.
spacer

Double click, start work.

Your Coda experience starts with “Sites”, über-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 to where you left it, connecting to your server, restoring any splits and tabs, and allowing you to code, pronto. Plus, sites allow you to easily preview local or remote content, even if it's dynamically generated through a web server.

spacer

Plus, one-click publishing.

If you work on websites locally, then publish files 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!

Screenshots

  • spacer
  • spacer
  • spacer
spacer

The power of Transmit, in the space of a sidebar.

What happens when you take the flexibility, power, and compatibility of the Transmit engine, then cram it into a sleek 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. It's all in there.

spacer

Smooth source control with Subversion.

Specify the details of a Subversion repository in your Site settings for instant source control. Coda can check out code, allow you to update, commit changes, and more, all from within the easy Coda sidebar. Better still, a new “Source Control” floating window shows you all of your source status at a glance. Dedicated Mac SVN clients cost up to $60 — Coda 1.5 adds Subversion for free.

Screenshots

  • spacer
  • spacer
  • spacer

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:

  • Live Collaboration. Using the innovative Subetha Engine, edit code live and simultaneously with a co-worker in the next cube — or across the globe. Share documents via Bonjour, and track changes.
  • spacer Clips. A friendly floating window allows you to insert your frequently used text snippets just by clicking, dragging, or tab-triggering. Nice!
  • Revolutionary Find/Replace. Sure, we've got regular ol' Grep. But we also provide a Grep wrapped with drag and drop simplicity — a Coda first. Want to swap the width and height tags? It’s as simple as searching for spacer ” “spacer and replacing it with spacer ” “spacer. That’s it: Coda does the rest.

Screenshots

  • spacer
  • spacer
  • spacer

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 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!

spacer

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

  • spacer

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!

spacer

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, directly.

spacer

Easier than ever.

Organized cleanly, your CSS styles become a series of easy-to-understand groups instead of a scramble of hard-to-parse text. And yes, you can edit CSS and source code at the same time to instantly see your changes — just make a vertical split!

Screenshots

  • spacer
  • spacer

And yes, much much more.

It's hard to overstate how many little bonuses Coda holds. Here are a few more things we think you'll love.

spacer

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 PHP, you need a Terminal. We've got one.

spacer

Books: we give you some, you add your own.

We've built in the The Web Programmer's Desk Reference, a $60 value, from No Starch Press. We made it searchable, even tying the reference into the editor itself, so you can jump from code to documentation when you need to. And now in Coda 1.5, you can add your own web books, accessible at any time. Just point Coda to your favorite reference website. Even add a cover!

Screenshots

  • spacer
  • spacer
  • spacer

Your download has begun!

You'll find Coda in your downloads folder. It's both the demo and the full version: try it out, then enter a serial number to unlock it.

  • spacer
Lion-ready!
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.