Saturday, November 21, 2009

CODA - Your next website editor

If you have to edit your website much and your getting tried of the Adobe products, there's a program I've been using that maybe your answer, I’m sure many of you are already using Coda, and are well aware of this amazing application. But for those who aren't you need to take a look at Coda, a brilliant web development tool from Panic software.

Coda pins each ‘site’ that you have to a wall, and updates the thumbnail according to what your site currently looks like. It’s really useful, as you can quickly identify your site. Adding sites is also animated—much before Core Animation came along in Leopard in fact. There are bookmark-lets that contain the server information, they also remember which documents you last had open!

Coda’s core UI is split into Sites at the top level, and ‘Edit’ current site (with FTP listing in the sidebar), Web ‘Preview’, and a CSS editor taking up the meat of ‘editing’. Switching between the three editing tabs is by means of a shortcut Cmd+2/3/4. Once you get the hang of it, you don’t even have to think about it.

The code editor is very adequate. Proper code is highlighting (with the option for themes), block editing, error correction. It uses GREP based find/replace. You can web preview, with DOM inspector as well as Safari inspector.

Rendering the site in Webkit, you get the current rendering of your site either on the web, or locally. Coda’s web preview can edit the web preview by pulling down the code, to see how changes reflect live on your page. Coda also comes with its own inspector, allowing you to gauge the hierarchy of the page, useful for editing. You can even change the url of the website midway, open the page in another browser, and check for any syntax errors within the console.

This is definitely something to take a serious look at, I think it's pretty cool I use it everyday. http://www.panic.com/coda/

No comments:

Post a Comment