Coda

Last modified
Sunday, August 2, 2015
Club AppleVis Member
Category

Description of App

Coda is everything you need to hand-code a website, in one beautiful app.

While the pitch is simple, building Coda was anything but. How do you elegantly wrap everything together? Well, we did it. And today, Coda has grown to be a critical tool for legions of web developers around the world.

More than anything else, Coda is a text editor. It’s got everything you expect: syntax highlighting for tons of languages. Code folding. Project-wide autocomplete. Fast find and replace. Indentation guides. Automatic tag closing. Fast commenting and shifting of code. The works. But Coda’s editor has features you won’t find anywhere else. For example, the Find and Replace has this revolutionary "Wildcard" token that makes RegEx one-button simple. And as you type, Coda Pops let you quickly create colors, gradients, and more, using easy controls. There are nice touches everywhere.

But an incredible text editor is just a nice typewriter if you can’t easily handle all of your files — from anywhere. Coda has battle-tested, deeply integrated file management. Open local files or edit remotely on FTP, SFTP, WebDAV, or Amazon S3 servers. Use the Files tab and move, rename, copy, transfer from server-to-server... anything. Track local changes for remote publishing. There’s even support for Git and Subversion.

Then you’ll want to see what your code looks like. Use our WebKit Preview, which includes a web inspector, debugger, and profiler. Then, on top of that, we added AirPreview, a revolutionary feature that lets you use your iPad and iPhone with Coda for iOS to Preview pages as you code on your desktop.

Believe it or not, we’ve just scratched the surface. Open Coda’s Sidebar to discover a rich set of utilities that make you work better. Like Clips, which let you create frequently used bits of text that you can insert into your document with special triggers. And project-wide Find and Replace that’ll work across multiple files. There’s also an HTML Validator, a Code Navigator, and more.

Finally, hiding behind the Plus button in the tab bar is a built-in Terminal and MySQL editor, two amazingly powerful Tab Tools. The Terminal can open a local shell or SSH. MySQL lets you define structure, edit data, and more.

And it’s all wrapped up in our Sites, which get you started quickly. Opening a Site sets your file paths, your root URLs, where your files Publish to, source control settings, and more. And with Panic Sync, our free and secure sync service, your sites follow you on any computer.

Coda is a very good app.

Version

2.5.11

Free or Paid

Paid

Version Of macOS App Was Tested On

10.10.4

Accessibility Comments

This app works beautifully, however there are some minor issues.

VoiceOver calls various areas of this app "scroll areas." These contain different parts of the app, such as the text area in which you write your code, and another one will contain the different tabs you have open currently. The sidebar is simply checkboxes which toggle different views in the application, however, you could use the item chooser (VO-I) to get there faster.

When it comes to autocompletion, you can insert a suggestion by using VO-F2-F2 to bring up the window chooser, then going to the window that says "Window" and use VO-left and right to move between suggestions. Then, use VO-Space to insert one. I haven't seen a more efficient method to do this so far, as the arrow keys just seem to move me through text instead, so this seems more cumbersome. Because of this, I have turned it off as it takes far too long to use this feature.

As you type, hints are displayed if you VO-right from the scroll area containing the text edit field. You can interact with this HTML area and view the text, or insert code sample with VO-Space.

You can also insert clips by choosing The "Home" checkbox, then choosing "Clips" from the second scroll area right passed the scroll area with the edit text field. When the table of clips appears, you can use up and down arrow keys to move through them, and left and right to collapse or expand categories. So far, I can only get clips to insert by double clicking the mouse, so make sure that the mouse pointer is focussed on the clip you want to insert. You do this by pressing VO-F5. VoiceOver will then describe the item under the mouse pointer. If it is not the correct clip, press VO-Command-F5 and the mouse pointer should move to it. Then, simply double click it and you will be placed back in the edit field with your code.

Unfortunately, opening a new tab with the Terminal feature does not work at all at the moment.

I have not managed to work with MySQL in Coda, but I am still experimenting with that feature. If someone else gets to do this more extensively, please add a comment so I can add your information to be more comprehensive so people don't have to scroll through other comments to find it.

Usability

There are some accessibility issues with this app, but it can still be used if you are willing to tolerate these issues and learn how to work around them.
Developer's Twitter Username
panic

Recommendations

2 people have recommended this app

Most recently recommended by Nicolai Svendsen 3 years 9 months ago

Options

Comments

Submitted by Adam Samec on Monday, December 12, 2016

Hello,

what I find quite handy is the Navigator feature which lists all of the important symbols in your code, such as headings, identifiers, and rules in HTML and CSS, or classes and functions in PHP, JavaScript an other languages, and allows you to jump to their position in the code. You access this list from the sidebar, but you can also use Command + Option + 3, which moves you right to the list where you can instantly use Up and Down arrows, with QuickNav turned off, to browse through the list and press Return or VO + Space bar to jump to the selected symbol position in your code. You can find other useful navigation keyboard shortcuts under the View and Go menus in the menubar, for example, Command + D or Command + Shift + D for jumping to the Next or Previous Symbol. You might also want to set a VoiceOver hot spot at the text field that contains the code, so that you are able to quickly jump into your code from the Sidebar or other places.

Apart from Hints, which can insert code examples, or show description and other documentation about the HTML element, CSS property, PHP or JavaScript function, and other language keyword the cursor is currently at, there is also an integration of extensible reference sources, such as language documentation for HTML, CSS, JavaScript, jQuery, PHP, MySQL and other languages, the feature called Books, which you can open via File > New Tab or File > New Split.

I would say that all the important features are accessible and easy to use. However, what I consider the most serious accessibility issue is that some special operations upon the text, for instance, Undo, Redo or code folding, cause VoiceOver not reading the content of the text field when navigating inside it using the arrow keys. This problem can be fixed if you switch to another application and then back to Coda, at least I don't know about any other workaround.

Nevertheless, I haven't found a better application for web development which is also accessible, what cannot be said about popular IDEs such as NetBeans, Eclipse or IntelliJ IDEA, . And Coda supports even such advance features as code autocomplete that suggests functions, classes and variables defined anywhere in the current project. If you are looking for a reformatt code feature for HTML, CSS, JavaScript and PHP, also called code clean up, there is a free Coda plugin named Coda PHP & Web Toolkit which provides this functionality along with other features like HTML, CSS, JavaScript and PHP code validation.

Kind regards

Adam Samec

Submitted by Greg Wocher on Friday, December 16, 2016

hello,
Does this app ever go on sale? I really like the description especially since I like to do web development. The $99 price is a bit steep for me right now though.

Regards,
Greg Wocher

Submitted by Donal on Thursday, January 26, 2017

Hi,

This one probably for Adam: Have you had any issues with auto-correct under Sierra? I find it doesn't work as reliably as it did under previous versions of the OS.

All the best.

More Like This