This week's sponsor

Airmail Zero

Blazingly-Fast Gmail Triage for the Mac and iPhone

Coda: A Collection of 120+ Plugins, Clips, Snippets and Tuts For Designers and Developers

I'm quite sure that every Web developer out there who owns a Mac knows / is using Coda.

What's Coda, exactly? As Shawn Blanc wrote in his review back in January 2008:

"Coda is a text-editing, CSS-styling, WebKit previewing, file-managing, FTPing, terminal-accessing, web-site-building and publishing application for the Macintosh."

Now, I've collected 120 of the best resources about Panic's Coda: they include tutorials, clips, snippets, plugins and more.

Do you know other useful tools for Coda? Feel free to share them in the comments!

Coda PHP Toolkit

(View full size)


- W3C-Validation via Browser

- PHP syntax validation with jump to error

- Use HTML tidy to clean up/beautify HTML code

- HTML Validation

- Strip PHP whitespace and comments

- Use phptidy to clean up/beautify PHP code

- Written completely with Cocoa/ObjC, so it should be fast

- Works with local and remote files

CSS Tools Coda Plugin

(View full size)

"Basically, CSS Tools brings that functionality to Coda. You’re able to convert a style sheet from single line to multi line and vice versa. You’re also able to compress your CSS if you’d like."

CODA Lorem Ipsum Plugin

(View full size)

Text Editor Actions for Coda

(View full size)

"Text Editor Actions for Coda (formerly “Textmate Emulation Actions”, and always TEA for short) is a plugin that emulates some of Textmate HTML.bundle actions."

WordPress Mode - WordPress syntax mode for Coda

(View full size)


- Autocompletion for WordPress functions and template tags.

- Adds “The Loop” to the Code Navigator.

MooMode - MooTools syntax mode for Coda

(View full size)


- Autocompletion for Core MooTools functions.

- Adds Classes to the Code Navigator.

40+ Third-Party Coda Plugins

(View full size)

Coda Assorted Quickies

Evening Tip: 5 Time Saving Coda Features

(View full size)

Setting Up Your Mac For Local Development Using Coda, WordPress & MAMP

(View full size)

How to Export or Save Sites in Coda

(View full size)

CSS Tricks Code Snippets Gallery

(View full size)

Setting up local Subversion for use with Coda and MAMP

(View full size)

Adding More Coda Books

(View full size)

32 Coda Tips and Tricks

(View full size)

Panic Coda: What's Missing? 19 Free Apps To Fill The Gaps

(View full size)

Tutorial: Use Coda with locally stored Django documentation

(View full size)

20 Excellent Coda Tips

(View full size)

30 Panic Coda Tips and Tricks

(View full size)

A collection of Clips for Panic's Coda

(View full size)

Joomla Coda Clips

Further Reading:

Coda: Integrated Web Development

Coda: The One-Window Wonder

Coda - Daring Fireball

Unlock MacStories Extras

Club MacStories offers exclusive access to extra MacStories content, delivered every week; it's also a way to support us directly.

Club MacStories will help you discover the best apps for your devices and get the most out of your iPhone, iPad, and Mac. It'll also give you access to advanced iOS shortcuts, tips and tricks, and lots more.

Starting at $5/month, with an annual option available.

Join the Club.

A Club MacStories membership includes:

  • MacStories Weekly newsletter, delivered every week on Friday with app collections, tips, iOS workflows, and more;
  • MacStories Unplugged podcast, published monthly with discussions on what we're working on and more;
  • Monthly Log newsletter, delivered once every month with behind-the-scenes stories, app notes, personal journals, and more;
  • Access to occasional giveaways, discounts, and free downloads.