Photo of Nathan Shubert-Harbison Nathan Shubert-Harbison

Recent posts

Non-actionable lists : A productivity sanity tool

I really like the Getting Things Done method. It has made a really positive impact on my life, reducing day to day stress, and helping me focus on daily tasks as well as what’s really important in my life.

There’s no shortage of excellent blog posts on the nitty gritty of Getting Things Done (GTD), and there’s no substitute for David Allen’s original book. Instead of rehashing what’s…

Using the HTML5 custom data-* attribute

There are a lot of exciting new features in HTML 5. Video, audio, and canvas seem to be the most discussed around the watercooler, but the data-* attribute—though seemingly less earth shattering—is extremely useful.

data-* what?!

The data-* attribute is a way to store custom metadata about an element within its own markup. In the past we might have done this with a class or the rel attribute, but data-* gives…

Progressive enhancement & graceful degradation with Modernizr

So many different devices are used to access the web—from the top of the line, full-feature smartphone to the decade-old desktop running a legacy browser.

The former totes support for everything new and shiny and a touchscreen to boot, while the latter is limited in features. The two examples are disparate, but we need to develop websites for this very spectrum. Modernizr helps us do that.

What is Modernizr?

Modernizr is…

Content Folding With harvey.js and jQuery

There was a time when designing a website implicitly meant creating a 640px-wide design. Eventually, 960px became the norm, and a bounty of grid systems based on that screen width sprung forth.

In those days, nearly all internet users were browsing on desktop computers—at a desk, using monitors of predictable resolutions. Since then something changed: the smartphone was created and the internet became mobile. What was once an activity confined…

Icon fonts, the new hotness for a reason

Although icon fonts aren’t a new idea (remember Wingdings?), their use has seen a large resurgence lately. Up until @font-face support become widespread, the only way to use typefaces, other than the small handful of web-safe fonts, was to use an image or something nasty like Flash or cufon. Now that’s all changed and we can use 500-year-old typefaces in websites viewed on our 5-month-old mobile devices. But in…

LESS, not just compiled client-side

I’ve come across quite a few blog posts and podcasts lately comparing the two popular CSS supersets LESS and Sass. And although these resources are relatively useful, I’ve noticed nearly all of them presenting the same false assumption: that whereas Sass can be compiled server-side, LESS is compiled client-side only. They then come to the conclusion that since you don’t want to rely on JavaScript to compile your CSS, Sass…