My site’s moved CMS and servers. If you spot a problem, let me know.

Stuff & Nonsense product and website design

0/6

Can you catch ’em all?

There’s a different outlaw to capture on every page.

Typography

Extreme Makeover, typography edition

The Carsonified roadies have loaded their white Transit and braved the ferry across the sea to Northern Ireland. This week I’m joining the Future Of Web Design Tour in Belfast, presenting “How to Design in the Browser”. More on that later. But first, a one-hour workshop, “Extreme Makeover, Typography Edition”

Testing Typotheque @font-face embedding

Typotheque is an independent type foundry based in the Netherlands who offer fonts for PC and Macintosh. They have kindly invited me into the beta program of their new @font-face embedding service.

First impressions of Typekit

This morning my inbox popped with an invitation to the preview of Typekit, a technology platform that hosts both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM. Back in May I wrote that Typekit will change everything, here are my first impressions of Typekit in action at For A Beautiful Web.

Type does not look exactly the same in every browser

Joe Drew, one of the people on Mozilla’s graphics team has responded to my comment on First Impressions on Typekit; Studying type rendering closely also calls into question the natural differences between the ways that browsers render type as I discussed in Walls Come Tumbling Down. Safari’s text rendering is clearly more refined and superior to Firefox 3.5.

Font Unstack

Earlier this week, I wrote about the limitations of current CSS to bind font styling to the availability of typefaces. I mused that a clever person might develop a solution using Javascript.

Improve your web typography with baseline shift

The baseline is an invisible line onto which all type characters sit, although of course some characters (including ‘j’, ‘p’, ‘g’ and ‘y’) have descenders that hang below the baseline. Baseline shift involves moving characters up or down in relation to the baseline and using it effectively can make a huge difference to the professional look of your type. Although baseline shift has traditionally been a part of using tools like InDesign or Quark, there are ways to accomplish the same results using today’s CSS.

Lead weight

As I wrote yesterday, CSS has unresolved problems concerning the lack of variable line-heights (leading) in relation to available installed typefaces. I don’t expect those to be resolved any time soon, unless by switching to @font-face for even commonly installed typefaces or some clever JavaScript font detection. During my teaching in Australia last week, another leading issue, in relation to CSS frameworks, came to mind. This one can be resolved by applying a little typography knowledge.

Lead Pipe

Would you be surprised if you heard me grumble about CSS3 and web typography *?

Typography is poetry (More on Typesetting The Waste Land)

Judging from the response from the people who attended, our first Visual Web Design Masterclass in London this month was a huge success. As a large part of the day was spent learning about typography, both relating to type and to layouts devised from typographic principles, I chose to illustrate the lessons by typesetting The Waste Land, a poem by TS. Eliot. If you weren't able to attend, now is your chance to take a look at the results of my experiments.

If only I knew then what I know now

Coming back to a site made a while ago, it can be common to scratch your head and wonder how (and why) you made certain decisions. Coming back to a site that you made six years ago can be enough to make you break down and sob like a little girl.

Mac for Oz

As Eric was saying earlier, I too am more concerned about the prospect of trusting my trusty Mac to a cargo hold than I am about having my plane blown from the sky (if you believe any of that stuff anyway).

Black and white: Day four

I love comic books (you might have guessed that already), not just because of the stories or the artwork (or because I long to wear a cape and jump off the wardrobe), but because I admire the’process’ and teamwork which goes into creating them.

The weakest link

I don’t want to tread on Dan’s or his Simple Quiz toes, but… I’ve been trying recently to better optimise my CSS, and this has lead me to wonder where certain rules are best arranged. So with that, and with this example of a navigation list in mind.

Categories


Andy Clarke. Web design pioneer

Andy Clarke

I’m Andy Clarke, a product and website designer. My work blends art direction, branding, and editorial to help people improve their products and websites. I’ve written books about website design, given talks, and delivered design workshops worldwide.