1. Skip to primary content
  2. Skip to secondary content

Sam Rayner

Blogging with Coda

Soon after the latest version was released, I downloaded the 30 day trial of MarsEdit, the desktop blogging app from Red Sweater. Whilst I didn’t use it enough to warrant buying a copy (I’m quite picky with posting quicklinks and blog entries and have my EE admin panel set up just right) I found the live previews really useful, letting me see what a post would look like in context before publishing. So, when my trial was up, I decided to try and replicate the feature in Coda, my web development app of choice.

Almost two months later, I’ve finally got round to recording a screencast on how I did it.

To really see what’s going on, head over to the Vimeo page and watch it in all its HD glory. If your resolution is big enough you might want to disable scaling. I’m sorry it turned out so long, I didn’t intend to burble on for 13 minutes.

If you want to set up the system for yourself, you can grab include.js here. Credit goes to Boutell.com for the bulk of the script. Of course, the same thing could be probably be accomplished in a much cleaner way using a server-side language but I wanted to avoid setting up localhost etc.

As I say in the screencast, if you have any questions or are having trouble getting things set up, just leave a comment and I’ll help as best I can.

Your Thoughts?

* Required

Options

Some basic HTML allowed. Please keep all comments constructive, polite and on-topic. Any spam or offensive comments will be deleted.

Gravatar Preview

Comments (Post One)

#1 Luis Grolez’s Gravatar Luis Grolez (1 year, 1 month ago)

I really enjoyed the video, I just started using Coda it’s a great program, I’m even switching from Dreamweaver to Coda, the feature you are showing off in the video is one of my favorite feature in Coda. I’ve found it so helpful and makes Web Development so much faster. Thanks for sharing.

#2 Merlijn’s Gravatar Merlijn (1 year ago)

Nice video man. :)

My own Expression Engine website is almost online, although since I’m using Coda only at work (no Mac at home) I’ll probably just submit posts through the admin panel.

#3 Zac Gordon’s Gravatar Zac Gordon (7 months ago)

Sam,

Digging the video.  I have become a big fan of Coda of late, although not begun to post from outside of the EE admin panel.

Have you played around with the other remote publishing features of EE?  I would love to read more about moblogging if you ever end up using it…

Well done with the Coda video.  Keep up the great work!

Zac

#4 JP’s Gravatar JP (5 months ago)

I’ve tried Coda a few times in the past and didn’t like it for various reasons. Maybe it’s time to give it another try. Especially after the HUGE disappointment that is DreamWeaver CS4. Did they do ANYTHING other than change the icon?

#5 Bardiir’s Gravatar Bardiir (2 weeks, 1 day ago)

If you replace element[removed] = req.responseText; with element[removed] = req.responseText.replace(/\n/g,"<br>"); in the include.js you won’t have to use a pre-Tag to preserve the newline behavior of most CMS systems. Thus you can insert the code into the Template without having to style the pre-Tag to fit your needs.

I for example use this with a <p id="postinclude"> then :)

#6 Sam Rayner’s Gravatar Sam Rayner (2 weeks ago)

Ah, nice tip Bardiir! Thanks for that. Works a treat.

Post a Comment