✚

After Denver withdrew, Whistler, B.C. was offered the games but they declined. The International Olympic Committee then offered the games to Innsbruck, Austria and that’s where the games were held. Here’s one of the posters from the Innsbruck games.

✚

Ladies and gentlemen, design is a popular subject today. No wonder because, in the face of increasing competition, design is often the only product differentiation that is truly discernible to the buyer.

I am convinced that a well-thought-out design is decisive to the quality of a product. A poorly-designed product is not only uglier than a well-designed one but it is of less value and use. Worst of all it might be intrusive.

That was 36 years ago and it’s as relevant as if it had been delivered this morning.

(Via Oliver Reichenstein.)

✚

✚

I was a freshman in college when I had my first confrontation with dry-transfer type. While every dry-transfer type encounter had a minimal likelihood of success, I somehow ended up with a decent-looking party invitation, which I remember distinctly was set in University Roman.

The Field Notes Dry Transfer “_______ Edition” were my favorite to date.

(Via Khoi Vinh.)

✚

✚

✚

For example: on Sean Sperte’s site, Geek & Mild, the ampersand logo is an SVG — and so it scales well and looks crisp on any screen.

Here on shawnblanc.net I upscaled the “shawnblanc” image. Meaning the source image is exactly three times larger than the size it’s displayed at (777×138 and 259×46 respectively). It looks nice and sharp on an iPad 3.

I think a good rule of thumb for what graphics you should bother updating or not is simply this: if you want people to read it, or if it’s a critical component of your site design, then update it to look crisp on a Retina display.

✚

(Via Kottke.)

✚

✚

This was a great year for type. Apple got a bit more serious about their font choices in iBooks. Adobe acquired Typekit. Hoefler & Frere-Jones set to slabbing Gotham for President Obama’s second presidential run. Individual foundries stepped into a new level of webfont prowess. Codex magazine was released. 8 Faces continued its solid run. Typekit partnered with WordPress to add a “customize” feature for type choice, and they made sure to steer the average blogger toward appropriate typefaces for their needs. Matthew Carter’s seminal web typefaces, Verdana and Georgia, received solid updates. Gerard Unger partnered with Type Together. Many familiar families received updates or had more styles and weights added. And some newcomers were given a chance to shine. Here are the typefaces I think are really worth a serious look — my favorite typefaces from 2011.

This is not your average bullet-point list of notable typefaces. Reading Josh’s descriptions of each typeface is better than seeing what he chose as his favorites.

✚

My problem with many modern UIs is that they never get past the telling phase. They’re always dressing up their various functions with glows and bevels and curves, and in the process they somehow become overbearing to my senses. “Did you know you can click this? Don’t forget there’s a save button over here! Let me walk you to your control panel.” Imagine a car that verbally explains all of its various knobs and levers the first time you get into the car. Wonderful, right? Now imagine that car explaining all of these various functions every single time you get in the car for the next five years, until you finally snap and drive it off a cliff.

I’ve never been bothered by the animation of a window minimizing into the Dock, but the new UI of Address Book drives me bonkers. Not only is it ugly, but worse, it is far less usable. There is surely a market for a “Address Book Pro” that harkens to the app of yesteryear and allows us to manage our contacts once again.

✚

✚

Typekit has allowed typographical beauty on the web in a way unimagined before. They accomplish this by giving. They give their service, their code, an exhaustive set of tools, helpful descriptions, a repository of well designed sites, and tips to move you into font mojo territory.

But what if giving is only half of what Typekit could do to remake the web? What if they did something never attempted in the font world?

✚

✚

✚

I am a freelance designer, hobbyist photographer and musician. I am also the designer behind many ads found on the Fusion Ad Network. Recently I joined the team behind QuickCal as the app’s UI designer.

What is your current setup?

I’m using a 15″ Unibody MacBook Pro I bought in 2009, with a 2.8 GHz Intel Core 2 Duo processor, 4GB of Ram, and the 500GB 7200RPM HD. At home, the Macbook Pro is hooked up to the 27″ Apple Cinema Display. On your recommendation, I recently purchased the OWC Mercury Extreme Pro 3G 115GB SSD. I’ve set up the SSD as my boot drive and use the HDD as my media/working files drive.

I’m using the short wireless Apple Keyboard for typing and the Magic Trackpad for trackpadding. I’ve tried numerous mice over the years, from the Mighty Mouse to the Magic Mouse and even a Logitech MX Revolution. The Magic Trackpad is the first input device that just feels right. For Wi-Fi and Time Machine I use the Apple Time Capsule.

I listen to music through an old Kenmore receiver I bought from a friend for $50 over 5 years ago. Listening to music through headphones for extended periods of time never felt right to me.

I take pictures with a Nikon D90 with a 50mm prime lens. My lighting setup currently consists of an Opus OPL-H250 strobe with a 48″ reflective umbrella, as well as a newly-purchased Nikon SB-600. I trigger my lights remotely using two PocketWizard Plus II transceivers.

Lastly, I can’t write about what I create without mentioning my music setup. I own two acoustic guitars: an old Cort acoustic I bought nearly 9 years ago and a Takamine Steve Wariner Limited Edition a friend gave me as a gift. For my Boss Rebel gig, I go between my white Fender Stratocaster and a custom Telecaster by “Ed’s Guitars”, both of which were purchased from Jonathan Steingard of Hawk Nelson. The signal is sent through my pedal board, consisting of the following pedals:

• Ernie Ball Junior Volume Pedal
• Boss TU-2 Tuner
• Line 6 DL-4 Delay Modeler
• Boss OD-3 Overdrive
• Boss LS-2 Line Selector

The signal goes through the pedals to my Vox AC30CC. I use the LS-2 Line Selector to switch between the clean and dirty channels and the OD-3 Overdrive to add a little compression/crunch for solos.

Pat Dryburgh. Photo credit, Edward Platero.

Why are you using this setup?

I purchased my first Mac while working at a church. When I started, I was given an old Toshiba laptop that didn’t have enough power to run PowerPoint (in fact, it had been discarded by the children’s ministry for being so terrible). About 3 months into my time there, I bought the 13″ white MacBook and instantly fell in love with the Mac ecosystem.

When I began working in design the MacBook was adequate, but surely not exceptional. I saved up and bought the 15″ Unibody MacBook Pro which was a huge leap forward.

The main reason I stick with the Mac setup is its ease of use and the quality of the software. Software from large companies like Apple and Adobe perform so well on the Mac, and obviously the Mac community boasts some of the best indie developers in the world.

What software do you use on a daily basis, and for what do you use it?

I absolutely love the Mac developer community and use a ton of different apps to make my work and play better.

Design work happens in Adobe’s Creative Suite. Development happens in Coda, though I have been flirting with both TextMate and BBEdit over the last month. Photo editing happens in Adobe Lightroom, which is the only Adobe product I have ever loved.

I write in nvALT, a fork of the brilliant Notational Velocity. This syncs with Simplenote on my iPad and iPhone. I also keep all of my notes as .txt files in a Dropbox folder. Dropbox is also where all of my work files live.

Tasks and projects are managed with Things. I’m still waiting for over-the-air sync.

I work with a great team of guys to develop an app called QuickCal, which lets you enter events and to-dos into your calendar with plain English, and then it gets out of your way so you can get back to work. The version I am working on will be out soon, but you are more than welcome to buy the current version now and receive the next version as a free upgrade.

I use Quicksilver to launch apps and trigger keyboard shortcuts. TextExpander expands common snippets of text. Droplr lets me share screenshots, images and bits of text with friends easily. Pastebot is an incredibly easy way to share text between my Mac and iPhone. Caffeine keeps my monitor awake when I’m watching video. Seamless helps me keep my musical groove when I leave my desk. Take Five pauses my music for a few minutes if I need to take a quick call. 1Password keeps track of my passwords and credit card info securely. RSS feeds are read in NetNewsWire.

How does this setup help you do your best creative work?

OS X strikes the perfect balance between giving you what you need to do your work, while also getting out of your way if you want to go a different route. The developer community that has formed around this platform is second to none and I owe much of my gratitude to them.

How would your ideal setup look and function?

Other than anticipating what the next 15″ MacBook Pro will look like, I’m pretty happy with my current setup. Oh, maybe a Gibson ES-137.

More Sweet Setups

Pat’s setup is just one in a series of sweet Mac Setups.

✚

✚

✚

✚

The mental leap in coding HTML and CSS is to learn the particular tags necessary to define the structure, hierarchy, and aesthetics. My belief is that learning them is a short step if a designer already understands typographic hierarchy, knows nesting relationships from producing outlines, and grasps separating aesthetics from structure by way of Styles in other software.

Over the years I have refused to allow myself to use a default WordPress theme or to hire an outside designer or developer to work on my site. If there is a certain look, design element, or functionality that I want but which I don’t know how to implement, then I will search out and learn how to do so.

Sure, some people have absolutely no desire to do design work or to learn to code because it’s simply not in the cards them. But for those of you who do think you could learn to code, I think the most important pre-requisite is curiosity.

Actually, that pretty much goes for any venture in life. You can do whatever you set your mind to.

✚

✚

Many people adore the Gill Sans family. It has its own significant following amongst professionals in the know, and, due to its ubiquity there, it is called the Helvetica of England. This quintessential “British typeface” can seem straightforward and frank but still has an inherent warmth due to the humanist touches throughout. The choice of spurless forms (e.g., b, d, p, q) adds only more to the humanist feel.

But I am not a fan of Gill Sans. So much so, in fact, I have disabled it on my computer.

✚

Before I signed up for Typekit I had a few preconceived notions about it. That: (a) installing Typekit would be difficult; (b) using Typekit would slow my site down; and (c) I had no need for custom typefaces for the sake of branding my site.

However, since Typekit offers a free 30-day trial I decided to give it a shot. It was one of those evenings where you feel like hacking away on some code, and I figured it’d be a chance to have fun and educate myself on precisely how Typekit actually works. Well, I learned that all three of my assumptions about Typekit were wrong.

For one, Typekit was incredibly easy to set up. I simply picked out the header and body fonts I wanted to use, added them to my “kit”, put some javascript code into my site’s header and then changed what typefaces are first in my CSS file’s font stack.

Secondly, my “kit” only weighs in at 196K, or about the size of a few screenshots. I’ve noticed no lag or issues with the loading of the site.

And Thirdly, the branding issue: Yes the typefaces I’m using are unique, but more importantly is that I find the site more readable than it was before. I used to use Lucida Grande as my body font. It was too small at 12px and at 13px it starts looking ugly. Now I use Gesta which is very open and has a generous x-height. It looks great on the screen and I think make the site very readable.

✚

✚

Most commonly you’ll find a link for “previous entries” or “older entries”. A link that takes you to Page 2 of the site. And page 2 is always the same format as the homepage.

There are some unique dynamics to weblog design. You’re designing for three groups of people:

• Regular readers who check in daily, or near daily
• Familiar readers who check in occasionally
• New visitors

Regular readers tend to hang out at the top of the site or in the RSS feed. Since they are tracking with the weblog they are up to date with what’s been written lately. In fact, many regular readers may not even visit the site and read only from their feed reader.

Familiar readers who check in occasionally are likely to only peruse and read what’s on the homepage. They come to the site, look to see what’s new that they haven’t seen since last time, and then move on.

New readers are actually most likely showing up for the first time onto a permalink page because they got to your site via a link or a search result to something specific. From there, if they like what they’ve read, they’re likely to read more articles or click to the home page and see what is happening.

And so, when someone (who is most likely a new visitor) has scrolled to the bottom of the recent posts on the homepage, before they get to the footer what should they see?

Is a link to Page 2 the best option? I don’t know; the advantages and disadvantages vary based on the site.

Advantages of having a link to Page 2:

• It’s conventional: Lots and lots of sites use it.
• It’s familiar: Because it’s conventional.
• It’s simple: There is only one option: If you want more, click here. If not, see you later alligator.
• You stay in the same context: The format of page 2 is the same as page 1 which means the reader is not changing contexts from reading to lists to reading again.

Disadvantages of having a link to Page 2:

• On this site I post dozens of links to every one article. If someone is scrolling through page by page it means they are primarily scrolling through lists of links. And while that’s cool, links are not the premier feature of this site. Though they are the most common type of post, they’re not the most valuable.

• Some of the work I am most proud of may not have been in the past few weeks or even months. Someone browsing page by page may never get to what I am most proud of.

What Others are Doing

I wanted to see how other weblogs handle pagination navigation. I took screenshots of the bottom of the homepage of 31 different weblogs to compare how they’ve implemented pagination navigation, if they’ve implemented it at all.

I chose sites that are run as a traditional blog, meaning the most recent posts are at the top of the page and usually where several posts are shown at once. I also chose sites that are published by people who (most likely) have thought through this sort of thing for their site.

Of the 31 sites, 19 had some sort of “older entries” style pagination navigation and 12 had something else.

Weblogs with pagination navigation: Kottke.org, Jason Santa Maria, TechCrunch, Jeffery Zeldman’s Daily Report, dooce, Seth Godin, Andy Ihnatko, 43 Folders, Cameron Moll, Panic Blog, Liz Danzico, The Hickensian, Simplebits, The Brooks Review, I Love Typography, swissmiss, This is my next…, Waxy.org, and 37signals.

Weblogs with something other than pagination navigation:

• Marco.org: A list of all archives by month
• Subtraction: A list of all categories
• Shaun Inman: A list of all categories and all archives by month
• Ignore the Code: Infinite scrolling
• Daring Fireball: Full text of the two most recent articles that were not written in the past 7 days
• Airbag Industries, Kevin Kelly, and Rands in Repose: Nothing
• Veerle’s Blog: Featured article and recommended categories
• Zen Habits, Chris Bowler: Link to full archives list
• Paul Stamatiou: List of favorite articles

Trying Something New

Since the inception of this site I’ve had the common link to Page 2. I am now testing something new here: I replaced the link to Page 2 with links to recent articles, interviews, and reviews instead. I’ve also increased the number of articles and links that appear on the home page to 25 total.

The goal is to offer the best choice for the reader, based on what I, as the publisher of my site, consider to be the most valuable. Is a link to Page 2 the best way for a reader to continue exploring my site, or would they be better served by discovering the articles I’ve written and am most proud of? 1

Honestly, I’m not sure yet. Though I do think that if I only ever wrote articles it may be a different answer.

✚

See also this article from Marco Arment on optimal iPhone UI.

✚

✚