Coda

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.

Other Comments: 

Developer's Twitter Username: 

panic