Whoosh! This site now uses jQuery

Version 10.17 racing by version 10.16.

The original version of the Tyler Sticka experience you’re (hopefully) enjoying this very minute was crafted without a scrap of JavaScript when viewed in a modern browser. Sickened by the amount of designer portfolios reeking of gratuitous and uninspired Flash animation, I wanted my design to stand in stark defiance, crafted only with good ol’ XHTML and CSS (delivered via WordPress, of course).

But decisions born of principal, while challenging and rewarding, are not necessarily synonymous with actual experience design decisions. There was an opportunity to use the remarkable jQuery library to make the portfolio items more immediate and visually interesting, and I’d be a fool not to take advantage of that.

You can see the effect in action by visiting any portfolio piece with multiple images, such as this one. If you take a look around, you may notice one or two other changes as well.

I’ve also added support for Google Chrome Frame, which will allow users of Internet Explorer 6 who are unable (or unwilling) to upgrade to experience the new additions without entirely disrupting their browser. That being said, I highly recommend upgrading to a modern browser (such as Firefox, Chrome, Opera, Internet Explorer 8 or Safari) whenever possible.

See? I really can’t stop tinkering.

Make Email Suck Less (Why wait for Google Wave?)

Like so many geeks on Twitter, I’ve been shamelessly begging for a Google Wave invitation. I’ve heard numerous tales of the product’s rampant bugginess, but email feels so broken in the wake of the initial demo that I can’t help but pine for its modern, collaborative goodness.

Google Heartbreak

In spite of this, I realize my wait will not end with Wave’s arrival. The service will likely taking many years to establish itself as the ubiquitous standard it aspires to be. I can’t just ditch email and twiddle my thumbs until that happens.

Here’s how I attempt to thwart email’s crappiness and continue to maintain that Merlin Mann nirvana that is Inbox Zero.

Gmail iconStep 1: Gmail

The setup begins with Gmail which, despite the handicap of our dilapidated email standard, still manages to rock 90% of the time.

I choose Gmail for its massive (and ever-expanding) storage capacity, the ability to send email from my personal domains, the versatility gained from “tagging” messages with labels, and the freedom to access all that cool stuff via POP3, IMAP and Google Sync for free. No competitor even begins to compare at this point and, even if they did, Gmail’s the easiest to escape from should you ever wish to switch.

In accordance with Merlin’s inbox makeover article, I immediately move every email I receive out of the inbox and into an action label after a brief skim. This protects me from workflow disruptions and insures that Gmail’s inbox and archive are used faithfully (for unsorted and archives items).

I prefix my action labels with an underscore so that they’ll be at the top of Gmail’s labels and any folder view in another application. They are:

For items that require some sort of action or task on my part before I can respond.
For items I’ll want close at hand in the next week or so (login information, URLs, attachments, etc.).
For items requiring a short message from me without any major tasks or required research.
For items which will likely require action once the sender has responded.
For added goodness, use Gmail’s Multiple Inboxes (enable it in Labs) to put these front and center:

My Multiple Inboxes setup

I then follow Adam Pash’s lead and organize all other labels into Contexts and Projects, abbreviated to ‘C’ and ‘P’ respectively. Contexts might be something like “Events” and “Appointments,” whereas Projects refer to things like “New Web Site,” “The Big Account,” etc.

Once all your conversations are nicely organized and you’ve got a great bird’s eye view of your actionable items, Firefox users may want to install FaviconizeTab and Gmail Favicon Alerts for at-a-glance incoming mail alerts without additional applications.

Two mail apps on the iPhoneStep 2: iPhone

If you set up Gmail on your iPhone using Apple’s baked-in, shiny logo button for the service, you’re missing out on the best experience.

I highly recommend using Google Sync, which gives you push mail, calendar and contacts from Google’s services. There’s nothing quite like the warm, fuzzy feeling you get having incoming messages pushed directly to that red badge on your home screen.

If you must have full multiple label goodness on your iPhone, or if you already have an Exchange ActiveSync account associated with the device, you should definitely use Gmail through mobile Safari. It does nearly everything the desktop version does (including offline support) and trumps the default mail app in numerous ways.

Postbox iconStep 3: Postbox

I’m somewhat of a zealot when it comes to having a local backup of my email on a hard drive. Call me skeptical, but cloud solutions are too new for me to have complete and total confidence in their archival potential. I was a happy Thunderbird user for years, but Mozilla Messaging has moved forward at a snail’s pace.

Postbox is Thunderbird with super powers. The interface is much more polished and boasts great features like tabs, attachment aggregation and social network integration. In many ways it’s the email client I wish Thunderbird was (and hopefully will be).

Setting up Gmail in Postbox is a snap. The big “archive” buttons acts as you’d expect, conversations are threaded, and the search accepts Gmail-like arguments (such as “from:Mom”).

Unlike Thunderbird, Postbox is a commercial application that’ll set you back $39.95 for a single license after a 30-day trial. Luckily, they’re nice enough to give purchasers a discount to hand out to friends, so the first ten people who purchase using this link will get ten bucks off that price. You’re welcome.

Why are we doing this again?

Because email is a beast, a sickly mutant beast that eats at your productivity and requires specialized care no matter how you access it. This is what it takes to make me happy with it. Using this setup allows me to access the same email everywhere, maintain a local backup on my home PC, and receive new email notifications no matter where I am on my iPhone. My conversations are threaded, helpfully organized and quickly searchable from anywhere.

But I still wouldn’t mind playing with Google Wave. I’ll even trade you a Typekit invite. Anyone? Update: Thanks to Ryan Williams and Chris at Studio 625 for the invites! I’ll publish a reaction to Wave soon.

WordPress-Powered Portfolios: The Movie

If you didn’t grab a ticket to WordCamp in time, missed the live stream and/or found my presentation slides seriously lacking in the audio department, you’re in luck! The video of WordPress-Powered Portfolios has been published to WordPress.tv, or you can watch it below.

A technical problem resulted in the footage starting a few minutes into my presentation. All you missed was an introduction of who I am, and of my background as a cartoonist.

I apologize for having to look down at my notes so often; I didn’t expect to be holding the microphone! Other than that, enjoy.

Watch the video on WordPress.tv

Microsoft’s “infinite journal” concept is infinitely interesting

I’m intrigued and inspired by Microsoft’s Courier booklet prototype. As much as I love my iPhone, I’ve yet to see an Apple tablet rumor that excites me. It’s clear that we all like multi-touch, but how does it make the leap from design necessity in small devices to genuine usefulness? Any device more expensive than a smartphone but lacking in portability will need compelling use cases beyond mere novelty.

Multi-touch in a giant, spendy media player? Meh. Multi-touch in a field research and ideation tool? Bingo.

Laser-etched laptopMany who attend my presentations will have seen my beloved Thinkpad X61 Tablet at my side, laser-etched with my logo. Ever since I gave Vista the boot and installed the Windows 7 Release Candidate, I’ve been enamored with this device.

But tablet PC lovers are truly the minority. Why? Tablets are most useful in only two scenarios:

  1. Visual art and design for sketching, painting and otherwise mimicking organic techniques difficult to accomplish with a mouse.
  2. Research and note-taking in the field, where the user is often required to stand or move while writing.
As huge and clunky as keyboards feel, typing is much faster than handwriting. As separated as mice feel from cursor movement, common actions like dragging and selection are much easier to manage when your fingers aren’t required to literally traverse the distance. For common PC actions at the core of Windows, Mac OS X and most Linux distributions, the keyboard and mouse are the best tools for the job.

The Courier prototype is beautiful because it acknowledges these faults and attempts to craft an experience catered to those two scenarios tablet owners enjoy already, with the added immediacy of multi-touch in addition to the typical stylus. While I question how intuitive some of the gestural interactions would be in use, the idea of a touchable infinite OneNote on crack is incredibly compelling.

In short, it’s a tablet prototype I can see a business, artist or researcher investing in. I just hope they (or a competitor) can deliver.

Graphic Storytelling in Old Media

I have no idea how this eluded me the past four months. Christopher Knaus (@gniP_gnoP on Twitter) devoted a portion of his notebook to swiftly sketching nifty visual notes of various WebVisions presentations.

Although Chris “found it hard to do visual notes for a presentation about cartoons,” I thought he did an excellent job capturing some of the key messages of my Graphic Storytelling presentation. Enjoy!

Visual notes from Graphic Storytelling in New Media