Scott Boms

Our March 2009 Back Catalogue

Zippy

Since June of last year (following attending WWDC in San Francisco) I’ve had an item on my To Do list — “experiment with improving the overall performance of the Wishingline Notebook site.” In other words, do some under the hood optimizations.

Yahoo! has a terrific set of guidelines that can be used to squeeze the most performance out of your site. This, along with a talk from WWDC last year piqued my interest in learning more — especially any simple things I could put into practice in my client work as well.

First on my list was experimenting with minifying and concatenating Javascript and CSS files. This is easily done with the YUI Compressor or other similar utilities. The trick is automating everything when changes are made. For example, generating minified versions automatically when deploying files to your site.

Second on the list was moving the site’s CSS, Javascript and images to their own subdomains, allowing browsers to download assets faster since most are limited to two connections per server. By splitting things up browsers can use more than just two concurrent connections, thereby loading the site faster.

1 domain = 2 concurrent connections. Ok but not great.

4 domains = 8 concurrent connections. Zippy!

Unfortunately it wasn’t until this past week that I had a chance to look into this one.

I started with two simple goals:

  1. Provide separate URLs for Javascript, CSS and images.
  2. Make the code change across the site templates simple.

Setting up subdomains in Apache is simple and adding the necessary DNS entries and virtual subdomains to accomplish the first goal took less than 10 minutes.

On the other hand, being smart about how to handle putting those subdomains into the template code elegantly was a bit trickier. Sure I could just hard-code the URLs into the site templates — but that kind of sucks. I had a better idea.

The Notebook site has been running on Movable Type since 2003 and a better way to accomplish this would be by using template tags. And so I did, though it meant creating a special plugin for Movable Type to do so.

Enter MediaURLs for Movable Type 4.x, a new plugin that allows users to specify a series of URLs for serving CSS, Javascript and image assets each from their own domain or subdomain while providing a set of corresponding template tags to make applying those changes DRY, easy, and fast.

MediaURLs configuration screenshot
MediaURLs plugin congiguration screen

Each of the four setting options provided by the plugin settings (shown above) are optional and should be fairly self-explanatory. A simple example of how to use these is included in the documentation.

The general “media” option was added at the last minute for the sake of simplicity — to allow the use of a single generic domain/subdomain to serve any type of asset — for example, serve all CSS, JS and images from a single secondary domain.

The MediaURLs source is being hosted at Github and will be regularly maintained. This is really only a first release and I’m open to suggestions for further improvements. Enjoy and happy optimizing!

Powers

With everything that’s been going on lately, my third trip down to Austin for SXSW couldn’t have come at a better time. I definitely needed a break and some time to decompress.

In every sense: mission accomplished.

Mark Bixby and Joshua Lane at the Hampton Inn
Mark Bixby and Joshua Lane at the Hampton Inn

I was largely offline while in Austin. I didn’t bring my MacBook and it was often challenging to get connected on my iPhone since roaming data rates are insane (thanks again Rogers and AT&T). The often spotty wifi access didn’t help either. Despite that, being somewhat disconnected much of the time was refreshing — I think we’d all benefit from doing it more often.

Bigger, yes. Better?

Although I didn’t expect it to be bigger this year given the current economic climate, SXSW Interactive indeed was. Whether the conference itself was better than previous years though is still largely up for debate. Reports seem to indicate some good, a little bit of awesome and a whole lot of “meh” which isn’t really any different from previous years.

I honestly spent more time connecting with friends, both old and new than I did going to panels. I can count the number of panels I attended on one hand, but the ones I did were all enjoyable. Not mind blowing but enjoyable nonetheless.

It’s Made of People

SXSW has definitely become much more important to me (and many others) for the things that happen outside the conference sessions than in them. So much so for some that they didn’t bother to even get a conference pass this year, something that I would hazzard a guess will increase a bit more next year.

Luke Dorny, Brian Warren and Mr. President outside the Obama Store in Austin
Luke Dorny, Brian Warren and Mr. President outside the Obama Store in Austin

As this was my third year attending, having time to reaquaint with old friends I may not have seen for a year or more was great and getting the opportunity to meet so many more again proved to be well worth the cost of spending a week in Austin. Still, there were many faces missing this year and people I didn’t have a chance to find or chat with.

Now that the 2010 dates have been announced (March 12th—16th), if you’re thinking of attending, you mind want to consider skipping the conference pass and just hang out in the hallways or at Halcyon or Gingerman. I know I am. That’s where you’ll likely find a lot of us anyway.

Veerle and Geert on the patio at the Hampton Inn
Veerle and Geert on the patio at the Hampton Inn

More photographic evidence of my time in Austin at SXSW is available for your viewing pleasure at Flickr. On a side note — if you didn’t get a chance to see Gary Hustwit’s new film Objectified, do yourself a favour and make a point to.

Now that I’ve been back for about a week, caught up on work, the big iPhone OS 3.0 announcement and everything else going on in the web/design world, I’ve started to dedicate some time to reconnecting with a few of the things I’ve had sitting on the backburner or that will help me build up the momentum I need in planning what’s next.

First up: writing more and getting back on my book reading bandwagon. Two blog entries this week alone so I think I’m off to a good start.

More

Never far from my thoughts since making the big announcement official last week and after reading through Snook’s announcement from a couple days ago, I realized I still have a bit more to say about why I made the decision to shake things up. If nothing else, to clarify how this all came about.

Identity Crisis

A while back we received a RFP for a project that would have lasted six months to a year if not longer. It was complicated and well beyond my comfort zone. Ultimately we declined to respond but while reviewing the project specs I realized something that I felt had been staring me in the face for some time, something I just hadn’t seen until then — Wishingline had a major identity problem.

Although recognized primarily as designers by other designers (and developers), to the outside world, Wishingline (and me by extension) were developers or some sort of hybrid. Not what I had in mind. That project RFP and the resulting conversation with the client confirmed it.

Insert panic attack here.

After walking home that night and mulling over the situation I had a pretty good idea where that perception problem came from. It turned out to be partially, if not entirely my own doing. Looking back through some of the more technically minded entries in the notebook and our previous enterprise application work made it abundantly clear.

I’m a designer first and foremost but I like to tinker. I’m innately curious and have always liked to know how things work but I’m not a developer. Building or fixing things comes naturally and I’ve always found that characteristic allowed me to be sympathetic to developers, resulting in better decisions and ultimately better sites or applications.

Development experience also meant I could bring more to the table when working with clients. What I didn’t realize at the time though was the cost of that knowledge and what it ultimately meant in relation to the type of work that showed up on our doorstep.

My involvement in the development side of the web increased out of interest and necessity but also from the type of work that Wishingline was already involved in — a considerable amount of application design (Rails, Sproutcore, iPhone, embedded web widgets, etc), rarely from the commercial website part of the business.

At this point I have about zero interest in doing any more web app design work. Those are problems I’m just not interested in trying to solve now. It’s too easy to get caught up in the minutia and technical details which can quickly suck the life and momentum out a project.

For now I’m only interested in focusing my time and effort into things I can get behind 100%. To some extent that means getting back to my roots and focusing much more on design rather than mucking about in code or someone else’s app framework.

The Intangible Web

The intangibleness and the seeming repetitiveness of the web is something I’ve struggled with for some time, leaving me feeling like the web is just too much of the “same old, same old” to be really interesting. I know that’s not really true but constantly being handed the same basic problems to solve over and over or being pigeonholed into one design aesthetic hasn’t helped bend my opinion to the other side.

Anna, Ned and I talked about this quite a bit in the office — how we could make the web more interesting (for us at least) by introducing more tangible visual elements and interaction into our work without resorting to Flash. We looked at potentially building actual “set pieces” and working more with real objects that we’d photograph and use as building blocks for site designs. Unfortunately we didn’t get the opportunity to put this into practice, but I’m not done with that idea yet.

I come from a largely traditional design background: paste-up by hand, processing my own film, print (litho, screenprinting, letterpress, flexo) and the like. I’ve used more than my fair share of Letraset and Rubylith.

I’ve always been passionate about typography but being as focused on the web for as long as I have left many of my typographic senses dulled. I’ve been chipping away at that problem for a little while now but I need to step that up, if only for myself. It’s not that I’m sick of Lucida Grande, Verdana or Georgia… Ok, maybe a little.

I also miss working with my hands instead of being glued to a desk and computer screen — whether this means sketching or working with real materials (paper, ink, film, traditional photography, etc) instead of doing everything digitally in Photoshop. Analog is where it’s at. I made a record for crying out loud.

Personal Projects

Like Jon, internal projects at Wishingline have been constantly sidelined. It’s a problem when the client vs internal/personal work division is almost always 100/0, and one which has weighed heavily on my mind for a long, long time.

A perfect example is the main Wishingline site which hasn’t been significantly updated in nearly 5 years and in desperate need of attention. There’s also a big sketchbook of creative project ideas that’s been sitting on my desk untouched for nearly as long. Paying the bills is all well and good but without a striking proper balance between client work and personal projects it can be difficult to stay engaged.

Simply put, a big part of why I started Wishingline in the first place, aside from the flexibility of being choosey about the for-hire projects I would work on, was to be free to work on these “fun” projects; to dedicate a portion of my day to reading, writing and doing whatever would allow me to stay creative, motivated and engaged so that the “work” projects don’t somehow become a burden. That hasn’t worked out quite the way it should have and in the end I’m the only one who can do something about it — and so I am.

Taking Back The Reins

Time is one of the few (only?) finite variables in life and the reality for me was that I didn’t want to look back and feel like I wasted an opportunity by trying to “tough it out” in a situation that wasn’t working. I have a wife and a young daughter and need to consider how what I do for a living affects those relationships too.

I’ve had the opportunity to work on a wide variety of projects with some smart people — many I’ve enjoyed for one reason or another, but there’s also been some real duds. There’s been times where I found myself severely overbooked and overwhelmed too. Sometimes it was my fault but other times it was entirely out of my control. Stress is ok in small doses but long-term, relentless stress is really, really bad even if you’re getting paid for the overtime. Trust me.

Perhaps naively, I almost always put client work first. That proved to be wrong. It’s important but only if it’s the right work or if it doesn’t occupy every waking moment of your life, in the office or out. Maybe that sounds selfish but personally I don’t think so. I’m honestly too close to really be objective anyway.

Let’s be totally clear — I’m not saying I’m done with the web or design in general. Far from it, but I need to redefine my place in it by better understanding what I want from it and by hopefully contributing something back to it that I (and others) think is truly interesting, engaging and worthwhile.

More on exactly what that means soon.

Watershed

Somewhere along the way I remember reading something along the lines of “the best strategy is an exit strategy”. Today, more than any day before that holds a lot of meaning for me because I can finally let the cat out of the proverbial bag and announce that not so long ago I had a watershed moment and made a decision that’s ultimately led to the next big change for me personally and Wishingline which is officially on hiatus at least in the sense of accepting new client work for the foreseeable future.

The exact wording I used in trying to explain this to the few people who were told prior to now was “closed”, but more and more in mulling that over I thought “hiatus” would ultimately to be a better choice. “Crazy talk” some have told me so I’ll give you a moment…

Uh, what?

Let’s not have any illusions, it’s hard work running a business and Wishingline for the last 4+ years has been exactly that. It’s hard doing it by yourself as a freelancer and just as hard if not more when employees and other management responsibilities are thrown into the mix. The provincial and national government bodies here in Canada don’t make that any easier either. These things can constantly weigh on your shoulders (they certainly have mine) and deserve as much attention as the clients paying the bills.

Owning and managing a small but successful design agency (I can’t stand that term but it’ll do) can mean wearing a lot of different hats and juggling conflicting responsibilities. That balancing act can be exhausting, especially if many of those frequently conflict with your individual needs.

When it comes to “work”, I’m a designer first and foremost but also happen to have some background in a lot of other areas thanks to a solid and varied university education, previous jobs and generally being exposed to nearly every possible side of “the biz” at one time or another.

Even though I’ve had the opportunity to work on some interesting projects, particularly some of the more recent projects, I haven’t been feeling particularly creatively satisfied or engaged. Unfocused. Remember all those hats I mentioned a moment ago? Yeah, exactly.

Ultimately I think there’s little point in doing something where your passion is wavering, doesn’t provide sufficient purpose or from which you’re not deriving the right level of personal satisfaction. Some people might be able to get away with that but I’m not one of them. It’s not in my DNA.

For the last few months I’ve hummed and hawed over what to do, in part because of the implications to the business, clients, family, and the two talented and exceptionally smart people working with me in the office, but the reality was that, for beter or worse, change was inevitable. Thankfully there’s been no crying and no staplers, chairs or computers thrown in my general direction. At least not yet.

…Next

What that change ends up being is entirely up in the air right now. It might be a small change or it might be something more significant. For now it means that Wishingline is back to being just me while I tie up loose ends on a few projects and sort out what to do with the office, furniture, computers and such. Beyond that I have a few ideas and opportunities to explore though I’m in no hurry to rush into anything. I need to regroup and recalibrate first.

The one thing that’s for sure is that SXSW officially starts tomorrow and I’ll be down in Austin, TX for the next week, celebrating my birthday (today), shaking hands and kissing babies, uh, I mean hanging out with friends and undoubtedly letting off steam. I’ll have some nifty hotdog squiggle buttons with me along with a handful of copies of the new release from George, so please do say “hello”.

Shout outs

Wishingline’s clients deserve a very special thank you for their extreme patience and understanding through the current transition period. Ensuring they are taken care of and projects either wrapped up or in a state where they can be passed on has been, understandably, a huge concern. Thank you also to friends, dotcomrades and family for their unconditional support and encouragement.

« February 2009April 2009 »