So, about a year and a half ago we began work on a new piece of software for Mac OS X. Four months ago we had a workable product that we sent to a select few friends for feedback. Two months ago we began full scale beta testing, cranking out eight versions, each better than the last thanks to the efforts of 150 testers. Three weeks ago we began building a website for this product. Six days ago we finalized our icon. And today, the day after Panic's 10th anniversary as a company, it's done.
Introducing: Coda, one-window web development for Mac OS X.
We build websites by hand, with code, and we've long since dreamed of streamlining the experience, bringing together all of the tools that we needed into a single, elegant window. While you can certainly pair up your favorite text editor with Transmit today, and then maybe have Safari open for previews, and maybe use Terminal for running queries directly or a CSS editor for editing your style sheets, we dreamed of a place where all of that can happen in one place.
So, that's what we've built. Coda has a complete file browser (and the ability to work locally or remotely), publishing, a full-featured text editor, a WebKit-based preview, a CSS editor with visual tools, a full-featured terminal, built-in reference material, and much more.
Anyway, that's the pitch. You're probably either really excited by now, or you wish I was writing about video games again!
Steve has a lot more on his blog and will be talking a lot more about how Coda works, while I hope to talk a lot more about the "making of" Coda, specifically the design, over the coming weeks.
But before I get back to hopelessly keeping an eye on various server logs — lord help us all on this launch day — I must give a quick shout out.
This was by far the most complicated program we've ever built. I realized this when it dawned on me that I had never stopped doing design work for it. With most of our prior applications, I may spend a month or two creating a all-purpose Photoshop layout, cut up any important art, and then hand it over to the guys, possibly coming back to make a tweak every now and then. With Coda, the number of features and the scope of the project meant that even as soon as yesterday I was cranking out some interface pieces as .pdf's. (...pdf's? Yeah. More on that later.) Sure, I really enjoyed it!
But I just do the design. So it goes without saying that Coda never could have been created as quickly as it was without the incredible work of the Coda team. From Dave, who never once blinked at my crazy pieces of paper, to Ian, who created an entire visual CSS editor from scratch after our original plans fell through, to Wade, who meticulously created many features like Clips and Preview, to Will, who tirelessly re-tooled our Transmit engine to bring its speed up by orders of magnitude, and Tim, who turned mockup into standards-compliant website in record time despite me repeatedly telling him to just use tables for everything, and Noby, who localized everything into the wee early morning hours. Mike and Les kept the Panic machine running smoothly while simultaneously pitching in with ideas and testing build after build. Even just calling out a few contributions here seems like a disservice to this talented group of guys and the work they did. While working as a "large" (five person!) team brought some new challenges to Panic, I think the end result speaks for itself, and I'm very proud of it.
Coda is certainly a 1.0, and there are so (very) many features and ideas we hope to add in the future, but we're proud of this 1.0, and we can't wait to hear what you think. Our e-mail box is open. Have fun, and we hope you enjoy it!
55 Comments:
And I'm salivating at the "making of" posts.
Fscking AMAZING, guys! This is why Panic rocks!
It's the refinements -- the little polishings here and there -- that make Coda such a joy; while at the same time, it's the precise attention to operations and underlying technology that make it such a powerful tool. This, as they say, changes everything. My little world has been rocked this day.
(Love the release notes too.)
Most impressive. Expect some feedback tonight.
hee.
This answers the problems that most hand-coders have and the visual design and presentation is great after spending the weekend messing around with Adobe's Dreamweaver CS3 (I've never cared for the Dreamweaver UI).
Great work!
Obviously you're in the middle of a huge launch, but I do have one teeny tiny feature request: HTML validation in the preview pane too. This would be great to validate the output of dynamic apps.
Again, wonderful work as usual!
I see another t-shirt purchase in my future.
Well, I am glad I didn't! What a beautiful, functional and delightful piece of software!
Congratulations!
OK, seriously. I feel like I have been waiting for this product my whole life. Thank you, Panic.
looking forward to trying this out! I am already a loyal panic customer (transmit) and it will be hard for you to take me away from textmate, but I will definitely give it a go :)
Thanks for all your hard work guys!
Please write more about it!
Thanks :-)
P.S. Coda is great!
20 minutes later, I'm still waiting to purchase. That doesn't fit my definition of "instant.
Now if we could just get Perl, Python, Ruby and Rails support in the upcoming versions and I'll be one happy camper!!!!!
^_^
I'm a big fan of CSSEdit, but I send e-mails all the time to the programmer about obscure corner cases (he's very responsive). How are you going to be able to handle constant, subtle updates for half a dozen differnet apps?
If you have such a hard time dealing with multiple windows (never bothered me), why not make a program that can take different apps and present their output in tabs of one window? Or if different apps are not playing friendly with each other, how about contacting the other developers and agreeing to standards of some sort?
Coda just seems like Appleworks for web developers, with better icons.
Now, initial response shows us that, yes, there does seems to be a demand for this kind of thing. But it's important to remember this: we'd never in a million years suggest that Coda is the catch-all perfect solution for everybody who makes websites. If you're quite happy with your current web development workflow, that's great news for you, and us, and you should by all means continue doing what you're doing!
Can we handle feature requests and do this app right into the future? Well, we've certainly already begun, making revisions and planning changes based on today's feedback. I obviously can't predict the future, but I can promise you we'll all be working hard as we can to make Coda as good as it can be.
Onward! And thanks for your note!
Being a little smarter about transparently finding the CSS files that a file references would also be great. A pretty standard idiom in my PHP work is to include a generic header for most of my pages, and that's usually where the styles are defined. If Coda could grab the relevant CSS files from the server preview, and be smart about saving changes to the correct files.... that'd be preetty nifty.
Just a few more quick thoughts, on my first pass through:
- Have you considered adding a view option to the CSS editing pane to only show properties that have been overridden? It's awfully cluttered with empty fields.
- A hotkey to go right to documentation search would be veeerrry handy. It's possible now: type your query in the current buffer, select it, and hit apple-', but it's not ideal, ya know?
- Being able to open autorefreshing preview windows without all the chrome (that would stay synchronized to the file I was editing) would be an amazing feature.
- A robust plugin system would also be a pretty amazing addition to the app. F'rexample, if you guys aren't so into the Rails development, offering a plugin system that allowed definition of new view modes/hooking in to the file parsing & preview system, all those sorts of things, would be cool. I'm pretty sure that's a 2.0 consideration, however :)
Again, not criticisms at all, just things that I found myself wishing for. As a primarily Rails developer, I'll probably stick with TextMate + Terminal for now, but Coda is making me jealous.
Absolutely fantastic work, and just what I'd expect from Panic. Coda is unparalleled in the world of HTML/PHP IDEs, in my estimation. I wonder if I can talk my employers into buying me a license for the PHP/HTML sites we maintain.
"mediocre addons" is hardly a fair description.
While it's cool to debunk the phakers, supporting this shareware dev is always a good thing.
Thank you, Panic, Inc.
I agree with Frank. There are worlds to cover and include now, but there's time. keep up the great work.
Your appwriting skills increased by 12.
I certainly encourage you to post the "making of" designs of Coda. I'm currently writing a new application, and I like to take screenshots every now and then to see how the application is evolving.
And where did the name Coda come from? I had several eastern Asian professors and TAs, and they had a habit of adding an extra "ah" where the silent E was placed. So "node" became "noda", so "code" could become "coda".
Or maybe someone just likes the Led Zep album Coda.
*plays with it*
*Buys it* (hoping upgrades are free being a poor uni student)
Thanks Cabel!
I wonder what the orignal plans are too. CSS Edit released 2.5 on the same day as Coda so I wonder if they had advanced knowledge of the release and if CSS edit was planned to be IN coda?
After all its got the Sub engine..
Also? Best release notes. Ever.
We have a few wish list / future dev items for your list:
- sharing - indicate somewhere what site the other person has open.
- SVN/CVS support (like everyone else has mentioned)
- Split Views - abilty to reorder them.
That's evil. You're lucking I'm in love with this application and already started testing it company wide for development:). Fantastic application so far, I can't stop recommending it - it's what I didn't even know I was waiting for!
i'm downloading Coda and I'm curious
Rails support?
Is Coda a Textmate killer?
Coda is instantly the app I want to use for development, if just for the perfect ftp integration and putting of files to their correct locations on the server.
The one thing stopping me:
SEARCH.
I can see how to search a document and search a selection within a document - I can't see how to search all documents within a site.
For me, that's a deal killer, so I'd love to find out I'm wrong and go out and purchase this right now.
The two things that make me stick with BBEdit. However, Coda is much nicer to work in. If you can live without project search or reformatting then Coda is the hands down the best front end development tool. If only Aptana didn't crash so much.
I was originally going to buy Adobe's CS3 Design Premium Bundle so I could get Dreamweaver (and Flash as a bit of a bonus), but I think I can safely downgrade to design standard and save myself a hundred or so, plus the Transmit discount comes in really handy, this is super sweet guys!
It's like SubEthaEdit Meets Transmit, and it's not a bad comparison considering what you've got under the hood. I'm not sure I could ask for something better. My favorite feature still from transmit is the ability to edit a document in Photoshop or any other applicaiton and to have it upload on save as though it were an internal process still makes me squee with joy. I know I shouldn't expect anything less from my favorite developers, but it's still loveable.
But I have a few naggies I want to poke at. So I ask anyways =P
When doing a search in the books, the page doesn't automatically scroll to the next occurance if it's off screen. Odd bug really.
Books: Excellent Idea! I love it! But I'm not entirely sure you went with the right source. There's a bunch of IE only tags in there, (ichy non-compliancy). Not to mention I've noticed the CSS section is missing some stuff that you've got covered in your CSS editor, like Min-Height. O_o
Would it be possible to have something based off of W3Schools? They seem to have a complete listing of all CSS Tags (That's something I am constsantly looking up there), and I really really REALLY find their organized system of Property - Description - Values extreemly useful.
I mean...
Bottom
Sets how far the bottom edge of an element is above/below the bottom edge of the parent element
Values: auto, %, length
That there was a ton more usesful then what I saw in the CSS Book. And for this reason. The CSS Book Resouce you provide us tells us that you can set overflow to visible in an example form, but doesn't show us the other possible variables such as hidden, scroll and auto. I'd 'really' like to see something mirrored after w3schools organized system.
Or maybe even a W3Schools CSS Book.
...Please?
Second: Your CSS-editor sure is nice, but take a little look at CSSEdit. Such small things like a semi colon added automatically makes it a far better CSS editor, the UI could need a bit polishing as well.
When these things are fixed, this will be a certain buy for me =)
Great job!
Currently I hand code in Dreamweaver when I'm setting up my pages, but find myself in design mode when editing content. So even if it's just the ability to play with text, insert images, and tables. Just simple stuff.
Other than that, I'm mightily impressed by Coda.
Great job with Coda! It looks like it meets its objective of cleaning up the process perfectly.
Now I just need this for another OS (I don't use a Mac...) Any chance of ported releases in the future?
Post a Comment