In Issue No. 282 of A List Apart, For People Who Make Websites:

• Can we finally get real type on the web?
• Does beauty in design have a benefit besides aesthetic pleasure?

Real Fonts on the Web: An Interview with The Font Bureau’s David Berlow

by DAVID BERLOW, JEFFREY ZELDMAN

Is there life after Georgia? We ask David Berlow, co-founder of The Font Bureau, Inc, and the first TrueType type designer, how type designers and web designers can work together to resolve licensing and technology issues that stand between us and real fonts on the web.

In Defense of Eye Candy

by STEPHEN P. ANDERSON

Research proves attractive things work better. How we think cannot be separated from how we feel. The next time a boss, client, or co-worker scoffs at the notion that beauty is an important aspect of interface design, point their peepers here.

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

Tags: alistapart, type, typography, realtype, truetype, CSS, beauty, design, aesthetics

Filed under: A List Apart, Advocacy, CSS, Design, Fonts, HTML, Happy Cog™, Ideas, Interviews, Layout, Publications, Publishing, Standards, State of the Web, Typography, UX, Usability, User Experience, Web Design, Web Standards, Working, XHTML, art direction, business, development, industry

Rated Five Stars at Amazon.com since the day it was published, “Taking Your Talent to the Web” is now a free downloadable book from zeldman.com:

• Download the front cover! (TIFF image, 1.8 MB)
• Download the book! (PDF, book galley, 9.5 MB)

I wrote this book in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.

Here we are in 2009, and print designers and art directors are scrambling to move into web and interaction design.

The dot-com crash killed this book. Now it lives again. While browser references and modem speeds may reek of 2001, much of the advice about transitioning to the web still holds true.

It’s yours. Enjoy.

Update – now with bookmarks

Attention, K-Mart shoppers. The PDF now includes proper Acrobat bookmarks, courtesy of Robert Black. Thanks, Robert!

Tags: design, webdesign, TYTTTW, takingyourtalenttotheweb, zeldman, jeffreyzeldman, book, instruction, artdirection, printtoweb

Filed under: CSS, Community, Design, Free, HTML, Happy Cog™, Ideas, Information architecture, Layout, Publications, Publishing, State of the Web, The Profession, Tools, Typography, UX, Usability, User Experience, W3C, Web Design, Web Standards, Websites, Working, Zeldman, art direction, books, content, creativity, downloads, industry, jobs, reprints, writing

DanielByrne [warning! Flash site with JavaScript auto-expand full-screen window] came to Happy Cog’s New York office to shoot me for an upcoming feature story in .Net Magazine, “the UK’s leading magazine for web designers and developers.”

What can I say? I’m a sucker for the gentle touch of a make-up pad. Or of anything, really. I love this photo (shot by Byrne with my iPhone) because it captures the fact that I’m still really a four-year-old. It also shows what a genuine photographer can do with even the humblest of tools.

Tags: photos, photography, shoot, danielbyrne, photographer, zeldman, jeffreyzeldman, profile, bio, interview, .net, .netmag, .netmagazine, .netmagazineUK, myglamorouslife, iphone, candid, shoots, shots, Apple

Filed under: Apple, Career, Design, Happy Cog™, Images, Interviews, NYC, New York City, Press, Publications, Publishing, The Profession, Zeldman, art direction, better-know-a-speaker, business, fashion, glamorous, industry, iphone, links, style

The complete schedule for An Event Apart Boston is now online for your reading pleasure.

Join Eric Meyer and your humble host with truly special guest speakers Jason Santa Maria, Jeremy Keith, Joshua Porter, Whitney Hess, Dan Cederholm, Daniel Mall, Derek Featherstone, Aarron Walter, Scott Thomas, Heather Champ, Andy Clarke, and GoodBarry’s Brett Welch for two days of design, code, and content.

An intensely educational two-day conference for passionate practitioners of standards-based web design, An Event Apart brings together thirteen of the leading minds in web design for two days of non-stop inspiration and enlightenment. If you care about code as well as content, usability as well as design, this is the one you’ve been waiting for.

Educational discounts and group rates are available, and everyone saves $100 during the early bird registration period.

Tags: aneventapart, AEA, webdesign, conference, webstandards

Comments off.

Filed under: A List Apart, Accessibility, Advocacy, An Event Apart, Appearances, CSS, Design, Web Design, Web Standards, Zeldman, art direction, creativity, development, events, experience

If you’ve been longing to follow Jason Santa Maria’s lead and bring real art direction to the no-budget, publish-now medium of the personal website, Noel Jackson’s Art Direction Plug-in is for you. The plug-in lets you style individual entries in your WordPress blog without hacking the publishing tool or expending energy on time-consuming workarounds.

Tags: art direction, design, webdesign, wordpress, plugins, plug-ins, formatting, CSS, per-post, noeljackson, jasonsantamaria

Filed under: Design, Web Design, art direction, development, wordpress

I owe it all to Douglas Bowman’s bad back.

Doug and Brian Alvey and Adam Greenfield and I were working on a big client project when Doug’s back went out. He was so sick, he couldn’t work, and it was unclear when he would be able to work again.

As a friend, I was worried about Doug. As a creative director, I was worried about finishing my client’s project.

Doug and I had both done designs. The client liked my design but I’d sold him Doug’s. Now Doug couldn’t finish, and I didn’t trust myself to execute the remaining pages in Doug’s style. I needed someone skilled enough to finish what Doug had started and mature enough to sublimate his own style while still making good design choices.

I had just read “Grey Box Methodology,” a well-written romp through a personal design process. The author was a young designer named Jason Santa Maria. His site looked great, his portfolio was impressive, he had good ideas about design, and the process he had written about lent itself to the technical aspects of finishing Doug’s work.

I wrote to Jason Santa Maria, telling him I had a small freelance project that was probably boring and would bring him no glory, since it required him to design like someone else. Jason was game and said yes. He did a great job and was egoless about it, and he seemed perfectly comfortable working with better established, heavyweight talents. His quick, professional, selfless work kept the project going until Doug was back on his feet.

To reward Jason for what he had done, when a new and juicy assignment came my way, I asked if he wanted to be the project’s lead designer. The rest you can you figure out.

For four and a half years, Jason Santa Maria has been a designer and then a creative director at Happy Cog. In an agency filled with talent, he made a huge personal mark. I’ve trusted him with some of the most important designs we’ve handled, from AIGA to the redesign of A List Apart. He has never let me down, professionally or personally. More than that, his work has expanded my conception of what web design can be.

Four and a half years is a couple of centuries in internet time. For about a year, Jason and I have known that it was getting to be time for him to move on. Not that we had any problem with him or he with us. But just that nearly half a decade is a long time for any designer to spend in one place.

As he has just announced, Jason is leaving Happy Cog. He will stay involved in A List Apart and perhaps a few selected projects, but basically he is out the door and spreading his wings. Godspeed.

Tags: jasonsantamaria, Jason Santa Maria, JSM, Stan, adieu, happycog, design, webdesign

Filed under: A List Apart, Design, Jason Santa Maria, Web Design, Working, art direction, client services, creativity, industry, jobs, work

There’s a new aneventapart.com in town, featuring a 2009 schedule and a reformulated design. I designed the new site and Eric Meyer coded. (Validation freaks, only validator.nu is up to the task of recognizing the HTML 5 DOCTYPE used and validating against it; the validator.w3.org and htmlhelp.com validators can’t do this yet. Eric chose HTML 5 because it permits any element to be an HREF, and this empowered him to solve complex layout problems with simple, semantic markup. Eric, I know, will have loads more to say about this.)

Family branding concerns drove the previous design. Quite simply, the original An Event Apart site launched simultaneously with the 2005 redesign of A List Apart. Jason Santa Maria’s stripped-down visual rethink was perfect for the magazine and is imitated, written about, and stolen outright to this day. It was a great design for our web magazine because it was created in response to the magazine’s content. It didn’t work as well for the conference because its design wasn’t driven by the kind of content a conference site publishes. But it was the right conference design for 2005 because the goal at that time was to create a strong brand uniting the long-running web design magazine with the new web design conference that sprang from it.

New goals for a new environment

In 2009, it’s less important to bolt the conference to the magazine by using the same layout for both: by now, most people who attend or have thought about attending An Event Apart know it is the A List Apart web design conference. What’s important in 2009 is to provide plenty of information about the show, since decisions about conference-going are being made in a financially (and psychologically) constricted environment. In 2005, it was enough to say “A List Apart has a conference.” Today more is needed. Today you need plenty of content to explain to the person who controls the purse strings just what you will learn and why a different conference wouldn’t be the same or “just as good.”

The redesign therefore began with a content strategy. The new design and new architecture fell out of that.

Action photos and high contrast

The other thing I went for—again, in conscious opposition to the beautifully understated previous design—was impact. I wanted this design to feel big and spacious (even on an iPhone’s screen) and to wow you with, for lack of a better word, a sense of eventfulness. And I think the big beautiful location images and the unafraid use of high contrast help achieve that.

Reinforcing the high contrast and helping to paint an event-focused picture, wherever possible I used action shots of our amazing speakers holding forth from the stage, rather than the more typical friendly backyard amateur head shot used on every other conference site (including the previous version of ours). I wanted to create excitement about the presentations these brilliant people will be making, and live action stage photos seemed like the way to do that. After all, if I’m going to see Elvis Costello perform, I want to see a picture of him onstage with his guitar—not a friendly down-to-earth shot of him taking out the garbage or hugging his nephews.

So that’s a quick overview of the redesign. The store is now open for all four shows and the complete Seattle show schedule is available for your viewing pleasure. I hope to see some of you in 2009 at our intensely educational two-day conference for people who make websites.

Tags: aneventapart, design, redesign, relaunch, webdesign, conference, events, HTML5, ericmeyer, zeldman

Filed under: A List Apart, An Event Apart, Boston, CSS, Chicago, Code, Design, Happy Cog™, Redesigns, San Francisco, Seattle, Standards, UX, User Experience, Web Design, Zeldman, art direction, cities, conferences, content, development, eric meyer, events, links, work

A proposal for a fonts working group is under discussion at the W3C. The minutes of a small meeting held on Thursday 23 October include a condensed, corrected transcription of a discussion between Sampo Kaasila (Bitstream), Mike Champion (Microsoft), John Daggett (Mozilla), Håkon Wium Lie (Opera), Liam Quin (W3C), Bert Bos (W3C), Alex Mogilevsky (Microsoft), Josh Soref (Nokia), Vladimir Levantovsky (Monotype), Klaas Bals (Inventive Designers), and Richard Ishida (W3C).

The meeting started with a discussion of Microsoft’s EOT (Embedded OpenType) versus raw fonts. Bert Bos, style activity lead and co-creator of CSS, has beautifully summarized the relevant pros and cons discussed.

For those just catching up with the issue of real type on the web, here’s a bone-simple intro:

1. CSS provides a mechanism for embedding real fonts on your website, and some browsers support it, but its use probably violates your licensing agreement with the type foundry, and may also cause security problems on an end-user’s computer.
2. Microsoft’s EOT (based on the same standard CSS mechanism) works harder to avoid violating your licensing agreement, and has long worked in Internet Explorer, but is not supported in other browsers, is not foolproof vis-a-vis type foundry licensing rules, and may also cause PC security problems.

The proposed fonts working group hopes to navigate the technical and business problems of providing real fonts on the web, and in its first meeting came up with a potential compromise proposal before lunch.

Like everyone these days, the W3C is feeling a financial pinch, which means, if a real fonts working group is formed, its size and scope will necessarily be somewhat limited. That could be a good thing, since small groups work more efficiently than large groups. But a financial constraint on the number of invited experts could make for tough going where some details are concerned—and with typography, as with web technology, the details are everything.

I advise every web designer who cares about typography and web standards—that’s all of you, right?—to read the minutes of this remarkable first gathering, and to keep watching the skies.

Tags: web typography, typography, standards, webstandards, W3C, fonts, embedded, @fontface, EOT, workinggroup

Filed under: Accessibility, Applications, Browsers, Code, Community, Fonts, Ideas, Layout, Standards, Tools, Typography, Usability, User Experience, W3C, Working, architecture, art direction, bugs, business, content, copyright, creativity, industry, links, spec, stealing

A List Apart, for people who make websites, is slowly changing course.

For most of its decade of publication, ALA has been the leading journal of standards-based web design. Initially a lonely voice in the desert, we taught CSS layout before browsers correctly supported it, and helped The WaSP persuade browser makers to do the right thing. Once browsers’ standards support was up to snuff, we educated and excited designers and developers about standards-based design, preaching accessibility, teaching semantic markup, and helping you strategize how to sell this new way of designing websites to your clients, coworkers, and boss.

Most famously, over the years, writers for ALA have presented the design community with one amazing and powerfully useful new CSS technique after another. Initially radically new techniques that are now part of the vocabulary of all web designers include Paul Sowden’s “Alternative Styles,” Mark Newhouse’s list-based navigation, Eric Meyer’s intro to print styles, Douglas Bowman’s “Sliding Doors,” Dave Shea’s “CSS Sprites,” Dan Cederholm’s “Faux Columns,” Patrick Griffiths and Dan Webb’s “Suckerfish Dropdowns,” Drew McLellan’s “Flash Satay,” and so on and so on. There are literally too many great ones to name here. (Newcomers to standards-based design, check Erin Lynch’s “The ALA Primer Part Two: Resources For Beginners“.)

Web standards are in our DNA and will always be a core part of our editorial focus. Standards fans, never fear. We will not abandon our post. But since late 2005, we have consciously begun steering ALA back to its earliest roots as a magazine for all people who make websites—writers, architects, strategists, researchers, and yes, even marketers and clients as well as designers and developers. This means that, along with issues that focus on new methods and subtleties of markup and layout, we will also publish issues that discuss practical and sometimes theoretical aspects of user experience design, from the implications of ubiquitous computing to keeping communities civil.

The trick is to bring our huge group of highly passionate readers along for the ride. My wife likens it to piloting the Queen Mary. (Q. How do you make the Queen Mary turn left? A. Very, very slowly.)

The slow, deliberate, gradual introduction of articles on business and theory has not pleased all of ALA’s readers, some of whom may unrealistically wish that every issue would present them with the equivalent of a new “Sliding Doors.” It is possible, of course, to publish one CSS (or JavaScript or Jquery) article after another, and to do so on an almost daily basis. We could do that. Certainly we get enough submissions. The trouble is that most articles of this kind are either edge cases of limited utility, or derivatives that do not break significant new ground. (Either that, or they are flawed in our estimation, e.g. relying on dozens of non-semantic divs to create a moderately pleasing, minor visual effect.)

We review hundreds of articles and publish dozens. Some web magazines seem to have those proportions reversed, and some readers don’t seem to mind, and that’s fine. But any content you see in ALA has been vetted and deeply massaged by the toughest editorial team in the business. And when you see a new “design tech” article in our pages, you can be sure it has passed muster with our hard-ass technical editors.

Moreover, the fields of meaningful new CSS tricks have mostly yielded their fuels. We’ve done that. We’ve done it together with you. While a few new lodes of value undoubtedly remain to be tapped, we as a community, and as individuals who wish to grow as designers, need to absorb new knowledge. ALA will continue to be a place where you can do that.

When we began focusing on web standards in 1998, we were told we were wasting readers’ time on impractical crap of little value to working designers and developers. But we kept on anyway, and the things we learned and taught are now mainstream and workaday. While we apologize to readers who are again being made irritable by our insistence on occasionally presenting material that does not fall directly within their comfort zone, we hope that this experiment will prove to be of value in the end.

Tags: alistapart, webdesign, magazine, editorial, content, focus, change, publishing, standards, webstandards, css, design, layout, userexperience

Filed under: A List Apart, Accessibility, Design, Standards, Survey, Usability, User Experience, Web Design, Websites, art direction, development, industry, maturity, wisdom, work, writing

It’s back, it’s improved, and it’s hungry for your data. It’s A List Apart’s second annual survey for people who make websites.

Last year nearly 33,000 of you took the survey, enabling us to begin figuring out what kinds of job titles, salaries, and work situations are common in our field.

This year’s survey corrects many of last year’s mistakes, with more detailed and numerous questions for freelance contractors and owners of (or partners in) small web businesses. There are also better international categories, and many other improvements recommended by those who took the survey last year.

Please take the survey and encourage your friends and colleagues who make websites to do likewise.

[Comments off. Pings on.]

Tags: survey, web design survey, webdesign, webdevelopment, professional, alistapart

Comments off.

Filed under: A List Apart, Accessibility, Applications, Career, Community, Design, Diversity, Happy Cog™, Ideas, Standards, Survey, UX, User Experience, Web Design, Working, architecture, art direction, business, client services, content, development, experience, industry, work, writing