Panic: CODA Alert

CodaYesterday the tubes were alive with the news of Coda, the new application from Panic. Coda is an attempt at an ‘all in one’ application containing all the tools for the development of a web page. Currently I use a combination of TextMate, CSSEdit and Transmitthat seem to fill most needs, but what if I could have all that power and only need load up one application? Well I downloaded the 15 trial of Coda and spent a few minutes using it. Find out my thoughts. The main user interface is the standard looking one; a files or assets browser down the left hand side, a main window on the right, a tool bar in the top with a small status bar down below. You will notice in the toolbar it is broken down into 5 sections, these will now be your tools of the trade…


SitesThis modual is a real selling point and would be one of the reasons I would invest in the software. Forget your projects from TextMate, think Sites in Dreamweaver; but better. You create a site in the normal way, name, local folder, ftp detais but you can now add terminal details for things like SSH. Once completed you are presented with a grey screen and a poster like image of your site, this image is pulled from the url of your site and updates each time you close the site profile. Clicking on the profile gives you the option to update it or do the usual barrage of setting changes, double clicking is the way in which you open the profile. The site is not just opened like a file, that is not the Panic way, instead you get treated to a lovely style window effect as the image grows into your working environment. Whilst you are working on a set site there is always a handy little button in the top left to give you a clue on where you are and what you should be doing!


EditIt is basically your run of the mill code editor. So far I have found nothing vastly inspiring about this but then nothing bad either. As per the norm markup is colour coded and easily customisable and as Kristen points out, changing the editor font to Monaco 12pt it looks very similar to the TextMate environment I’m used to. There is a form of predictive coding that when coding in a language and you start typing it will try and guess which command you are trying to come up with, it will then auto complete the statement with any arguments or variable options pre listed. Couple with this a handy little 'hints’ feature down in the bottom that will try and help you remember that variables need passing; clicking on the 'more’ button from here will quickly transport you to the relevant section in the 'Books’ module (more on that later). Of course this feature only works with languages and code elements that are known to Coda and stored in the Books module. The editor part seems very solid and they have done a good job with all the extras but it does feel like they could have done a bit more. The auto complete is great but what about integrating the Style Sheets into the mix. I’ve created a load of elements in my style sheet, which is linked to my php file, why not give me access to those as part of my predictive input? That would save time and stop me from switching between modules so often.


CSSThis is where you can tinkle with the style sheets. If you open a style sheet in the Edit module you see the standard markup of the sheet, yet moving to the CSS part presents you with a CSSEdit style visual editor. The problem is this is where the similarities end. You get a list of all the elements in your sheet listed on the left and the ability to modify them on the right. There is even some CSS3 goodies hidden in there. But users of CSSEdit will miss the live preview and Xray features. In all honestly the CSS part is very well done really and new users will obviously find it easy to use. I on the other hand find it very frustrating, but I do know why. I am forever trying to compare it to CSSEdit. And why not, that application changed the way a lot of people code and the work flow is just awesome. Coda on the other hand does a stand up job, just not as good and without as many features. I keep on looking for an option only to not find it where I think it should be, only because that is why it is in CSSEdit. To which I’m not loving this module as much. Add to this that Macrabbit released version 2.5 of CSSEditwhich make a big change to the UI and I think I will stick with that for heavy style sheet creation. As a bolt on tool this CSS module of Coda works fine. You can create quick sheets and I’m sure with a bit of practice you can do more; as long as you leave your comparisons at the door.


To me those three are the main parts of Coda; the meat and two veg of the package, but Panic do not want you to look on that as being the end of. They have added some extra features that make the whole package work as one and stand out from the crowd. We have a preview feature, an ftp client hidden in there, a Terminal application and a Books; reference section. The preview section for me is a bit of a waste of time, it works along the same lines as a web browser for viewing sites. It does come into it’s own when creating static web pages as you can quickly preview the page layout but once to move over to dymanic coding it falls flat on it’s ass. Obviously you need a pharser to view these pages correctly but I was hoping for a decent CSS preview section but it turns out not to be the case. So all in, preview is good for static offline coding, live site viewing but apart from that now much else, just yet. Panic know ftp, they produced Transmitwhich is such a great little ftp client for OSX. So it made sense to add some of this transfer love into Coda. Hidden in the background of Coda there is a cut down ftp client used to uplaod all your files to your web server. You set up all your ftp access details in the site section, you can actually import your current Transmit servers to save time, and then when a file is changed and saved you get a nice big 'Publish All’ button in the bottom of the file window and an up arrow next to the file. Clicking the Publish button will then bring up a second asking you to confirm which files to uploaded, clicking the arrow uploads only the required file. In principle it works fine and does everything it is susposed too, however (yep I know another critisim) I find the work flow clumbersum. I have been working on a file and I want to upload, yet the publish button or arrow is not there, whoops I need to save the file first before it will appear. Right I could use CMD+S for this but then what’s that little button on the tab, nope that closes the file; giving me the option to save. Right done now I can opload. What I want is a nice button to upload and then an error message to say I’ve not saved it, save and upload; two clicks max. In stead I have either 5 clicks or 1 key combo and 3. My time is limited I want to save some! Terminal clients is something I have never got into much, I know I should as these can be your new best friend but apart from the odd SVN update I’m all out of knowledge. That said the Terminal section of Coda appears to do the trick. Once again you can input your SSH details in the Sites setup section and then clicking the Terminal button launches you straight into a console. Very handy and possibly a good way for me to start using this sort of feature more often. Finally the books, this is basically a reference section. It contains books, or reference guides to some of the more popular web languages, don’t expect to see an ASP section just yet thou! They work in conjunction with the code hint from the editor section or as a standard along reference. For a 'extra’ to an web editor they are very handy and functional, not to the level of your standard library but they can sure save some time. My only hope is that Panic will offer additional books later on, or even open a third party library section so that you can build a full resource centre in one place.


So I’ve played with Coda, took a tour round it’s flashy exterier and tried some the hidden depths but will I be Zapping any of my current applications? In a word no. I’ve paid for TextMate, CSSEdit and Transmit and I can not see a reason to get rid of them. In all my time on TextMate I have only just scratched the surface of what it can do, there is always more to learn. To which this application will forever be on my hard drive. Tranmit has be hailed as the best ftp client for OSX and whilst Coda has an ftp feature is only allows you to upload from within the confines of the setup sites. Transmit is a free for all ftp client. So I’m sorry to say it too will stay. Finally CSSEdit, well seeing as how the CSS features of Coda is quite on a par with this I’m going to have to keep it. The X-Ray feature is worth the prchase on it’s own. So whilst I would not delete my current setup would I move over? I think I would, just to have more features in one place. You can most of your work done with Coda and then if need be finish it off with the other applications; just of final bells and whistles. But this is all based upon me, having already purchased the other applications. What about some one new who has not? The start price for Coda is $99, which at first sounds a bit steep. But when you look at the prices of the components that went into it I think it weighs but slightly better; just slightly thou. But if you are a Transmit user then you can knock $10 off the price and pick it up for $89. At present Panic are doing some introductory offers; a further $10 off each price. I think you are starting out and want to buy your first application of this kind you could do a lot worse. Remember that this is only version 1.0, imagine what the next major release will be. But if you are a seasoned coder who is stuck in your ways, try it out you might that you can find a use for it. Or just just it to sample those sweet effects and user interface’s.