I thought it might be helpful to explain the tools behind mashby.com, so below are the four tools that make up my blogging toolbox.

WordPress

At the heart of my tool set is the Content Management System (CMS) that I use to manage all the content on this blog. The software I use is called WordPress.

I’ve written before about how wonderful WordPress is in an article entitle Alchemy In Action, so there’s no need to to repeat myself. However, I will add that since I wrote that over a year ago, WordPress has just gotten better-and-better. It’s an amazing blogging platform and it’s what allows all the other tools I use to really shine.


MarsEdit

As great as WordPress is, I find that I prefer to create my articles in an off-line editor versus creating the posts through a web browser. My tool of choice is MarsEdit by Red Sweater software.

Do I have to use an offline editor? Of course not, but there’s something special about being able to save drafts of posts, or easily format images in software written specifically for the Mac. There are a bevy of features, such as a robust WYSIWYG editor and the ability to have a perfect preview of your article before you publish, but the following are the key features for me:

• Ability to save drafts — I tend to write in fits and starts due mostly to interruptions. With MarsEdit I can save an article I’m working on and then finish it later.
• Easy Image Posting — Posting images is as easy as dragging and dropping directly into the article. The image will upload when the article is published, but I can position it and see what it looks like in preview prior to publishing. Brilliantly easy and this feature alone is worth the price of the software.
• External Editors — I’ll go into detail on this one in the next section, but when I really need to focus, this one little trick is worth it’s weight in gold.
• Support For Multiple Blogs — I actually use MarsEdit for multiple sites, so having one tool to publish from is a big help.

Write Room

Sometimes I need to drown out some of the distractions on my desktop. E-mail, instant messengers, not to mention Twitter can make my desktop a bit of a minefield. So when I need to focus just on the text of what I’m writing, I turn to WriteRoom, by Hogsbay Software.

It may seem like a simple tool, which it is, but it can make a big impact on helping you to focus. Everything drops away behind a solid background and all that remains is the simple text and cursor. The only thing I can focus on is typing. In the immortal words of Stimpy, “Joy!”

Thankfully MarsEdit supports external editors, so I simply select “File \ Edit in WriteRoom” and I’m now in typing bliss. When I’m done, or ready to do some fine tuning with links and images, I simply hit escape, and save and close WriteRoom and everything imports back into MarsEdit.

The process is actually so smooth, you’d think that the two programs were written by the same developer.

Skitch

Last but certainly not least in my toolbox of blogging must-haves is Skitch.

Skitch is a unique imaging tool that lives directly in your title bar. When you need to grab an image, you simply take a quick screenshot and drop it into MarsEdit. It literally couldn’t be easier.

If you need to do some editing, you can resize, crop, add text, or graphics and of course name the file. It’s intuitive and easy to use and best of all — it’s free!

I use Skitch all the time, not just for blogging and I really wish these guys would ask for money. I would happily pay for it and I want to ensure that the program stays around. It’s not a replacement for Photoshop, but for 99% of us image editing mortals, it’s more than enough for what you need.

Conclusion

So there you have it. My complete arsenal of tools and how I use them. Hopefully some of what I shared may be of use to you and may assist you in finding an easier way to manage, edit and publish to your blog.

To show you how all of these tools work together, I threw together a quick screencast so you can see each tool in action. Enjoy.

The template is called “Manifest” and was created by Jim Barraud. It’s brilliantly simple and clean and easy to read. I was considering this template the last time that I switched templates, but it was too stark of a change and I wasn’t ready for it.

So gone are the widgets, sidebars and distractions. All that remains is the content itself, so I suppose I better get to crackin’ on publishing better entries.

Version 1.0

After dabbling a little bit with Blogger, I decided to take the plunge and install MovableType on my own server at the end of 2002. After playing with the software and learning how to blog, I officially launched mashby.com on March 1, 2003.

mashby.com v1

The template I ended up using was a Blogger template called Autumn Hues by Martijn ten Napel. I liked that it was a clean design and that it used this new thing called Cascading Style Sheets.

Version 1.1 & 1.2

Over the years, I opted to change the color scheme a little bit to brighten things up a bit.

mashby.com v1.1

Interesting Trivia
I was not the first person to own the domain mashby.com. Seems Marilyn Ashby registered the domain for her real estate business from 2001 – 2002. I picked up the domain in 2003.

I didn’t know this fact until I used the Wayback Machine to find some old screenshots

mashby.com v1.2

Version 2.0

On September 13, 2008, I switched from MovableType to WordPress and switched the design of site while I was at it. I ended up choosing the theme Amazing Grace by Vladimir Prelovac.

mashby.com v2

Besides the fact that it was such a departure from my previous design, what I loved about the Amazing Grace theme was how modern it looked. The design was elegant with lots of color and images. It was such an improvement over the previous version of the site.

Version 3.0

Which brings us to the current version. Although I had been a huge fan of the “Amazing Grace” theme, after all my tinkering and futzing about, I felt it was a little too busy. I was looking for something cleaner and more focused on the text of the entry.

Here’s a list of the themes that caught my eye:

• BlogTheme by Woo Themes
• Elegant Grunge by Michael Tyson
• Manifest by Jim Barraud
• Fontella by Horacio A. Bella
• Typography by miloIIIIVII
• Typographby Morten Rand-Hendriksen

Now that I’ve done this retrospective, it’s kind of funny to see that I my initial motivation was to move back to a typography based design. Forgetting that this is how the blog was originally designed.

Ultimately, I ended up choosing the theme OneRoom by Jeremie Tisseau. What drew me to this theme was the coloring and the clean lines. The copy takes center stage and then the left and right columns support the articles without pulling too much focus.

mashby.com v3

While I implementing the new template, I decided to simplify the extra bits that I had in the sidebars and take away as much as I could. Hopefully I’ve reached my goal and implemented a tight, clean, focused layout and design that makes reading these little missive’s a little bit easier.

It has a ton of cool features, such as: support for multiple blogs, posting photos, and moderatation of comments just to name a few.

I’m just getting into it, but I have to say I am very impressed. And this is my first post from the WordPress for iPhone app.

The feature set of MoveableType and WordPress are virtually the same. I really haven’t found where WP does something that MT can’t do, or vice versa. The difference is HOW each product approaches publishing online. There is something distinctly different in the WP approach that makes it much more accessible. It’s not just in the user interface, or the fact that WP uses PHP instead of PERL — it’s how the entirety of the application has been designed and you have to experience it to understand it. WP is just a much more coherent approach to publishing. It works better, it feels better and it helps me publish to the point that the tool actually disappears from my perspective. MT, on the other hand, feels more like I’m trying to pull a donkey up a hill. I’m constantly having to fight against the program to complete the task at hand.

These differences were recently brought to my attention as I compared how SixApart and Automattic addressed adding Social Networking to their product lines. Products like FaceBook, Twitter and YouTube have changed how people market their sites/products/services online. It’s now common practice to promote through all of these channels to draw traffic to your site, but there’s a new trend on the rise that is looking to reverse that process.

The new question that is being asked is “Instead of going out to these various networks, why not have them come to us?” In answer to that question, SixApart has released Motion and Automattic has released BuddyPress.

At first glance they may look similar, but as you dig into it, it’s clear that BuddyPress has a much more coherent approach and is easier to understand. When I first watched the video for Motion, I kept going “Huh? How am I supposed to use this?” If you take a look at the Motion Demo, you’ll see what I mean. It’s just a pile. In my office, we have a nickname for Facebook. We call it FacePile, because it just dumps a pile of various and sundry information at your feet. Motion does that to an even greater degree. After looking at the demo, the only feeling I’m left with is “Why?” Why would someone want this on their site?

Then you take a look at the BuddyPress Demo and there’s a remarkable difference. It’s clearly designed to mirror the FaceBook style of community, but it’s cleaner and clearer as to what you can do and how everything works. In fact, I think it’s fair to say that it’s a better design that FaceBook! I’m currently developing a new community web site and I actually had to stop and think about BuddyPress for quite some time. So at the end of the demo, I’m left thinking “How would I use this?” Not, “Why would I use this?”

So What’s Your Point?
Most of what I do on a day-to-day basis is work with users and distill down complex technology systems into plain english for my clients, friends and family. I guess you could say that I live in the world of interaction between user and interface.

So often when I’m talking with a developer and the subject of UI comes up, they just roll their eyes and dismiss it out of hand. Since it’s not quantifiable and algorithmic, it gets treated like alchemy — which perhaps is right — but the attitude is one of disdain and frustration, not of respect and appreciation.

Add to this equation the fact that I’m not a designer, so my vocabulary is a little limited when describing systems and UI. Then along comes two answers to the same question and I can finally point and say, “Do THAT, not that.” and I find that a little exhilarating.

This example also reminds me why I enjoy WordPress so much and why moving away from MovableType was such a good decision.