Dan Benjamin and yours truly discuss the secret history of blogging, transitioning from freelance to agency, the story behind the web standards movement, the launch of A Book Apart and its first title, HTML5 For Web Designers by Jeremy Keith, the trajectory of content management systems, managing the growth of a design business, and more in the inaugural episode of the Pipeline.

Filed under: Acclaim, Advocacy, Appearances, CSS, Design, HTML, Interviews, The Profession, User Experience, Web Design, Web Design History, Web Standards, Zeldman, better-know-a-speaker, content, creativity, speaking

Three, count ’em, three days of design, code, and content. That’s what we’ve got lined up for you in beautiful Seattle, Washington. Including a special one-day workshop on HTML5 and CSS3, led by Jeremy Keith and Dan Cederholm (pictured above, extolling the virtues of caffeine and CSS).

The complete schedule for An Event Apart Seattle 2010—including A Day Apart with Jeremy Keith and Dan Cederholm—is now available online for your listening and dancing pleasure.

Photo: Warren Parsons.

Filed under: An Event Apart, Announcements, Appearances, CSS, HTML5, Happy Cog™, Web Design, Web Standards, webtype

Comments off.

Live from San Francisco, it’s An Event Apart, for people who make websites. If you can’t join us here today and tomorrow, enjoy the live feed, designed and coded by Nick Sergeant and Pete Karl.

Also:

• An Event Apart San Francisco Flickr pool, featuring the photography of Kris Krug plus the attendees of AEA.
• An Event Apart Caption Contest
• They’re Letting Designers Code Now? — ZDNet live-blogs Dave Shea’s An Event Apart presentation
• Seducing Your Users With Web Design — ZDNet live-blogs Andy Budd’s An Event Apart presentation
• Upcoming listing, AEA San Francisco

Composed at The Palace Hotel. Short URL: zeldman.com/?p=3208.

Filed under: An Event Apart, CSS, Community, Design, Happy Cog™, San Francisco, Standards, State of the Web, The Profession, UX, User Experience, Web Design, Web Standards, conferences, industry

Comments off.

Real type on the web. All the kids are doing it. But maybe we’re doing it wrong. After testing several CSS @font-face syntax variants, including one used on this site, Paul Irish says the following is clearly best:

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'),
         url('GraublauWeb.otf') format('opentype');
      }

Read more: “Bulletproof @font-face syntax” at paulirish.com.

Filed under: CSS, Design, Real type on the web, webfonts, webtype

Comments off.

Snow Leopard plus FontExplorer X equals screwed-up fonts in Firefox (especially Helvetica).

• Google Search on “Snow Leopard Firefox FontExplorer X” reveals numerous incidents of CSS displaying incorrectly in Firefox (wrong font weight, wrong font style) when Font Explorer X is on Snow Leopard Macs.
• My Flickr thread contains a screenshot demonstrating the problem plus a useful discussion of causes and possible workarounds.
• Disabling FontExplorer X solves the problem.

Update: Buying FontExplorer X Pro and clearing font caches also solves the problem. (The problem is with Apple’s fonts, not with Firefox or FontExplorer X, but it takes mediation to fix it.)

Filed under: Browsers, CSS, Compatibility, Design, Fonts, OSX, bugs

Comments off.

Today in Print, Ellen Lupton interviews Jeffrey Zeldman (that’s me) on web typography, web standards, and more. Part one of a two-part interview.

Ellen Lupton is curator of contemporary design at Cooper-Hewitt, National Design Museum in New York City and director of the Graphic Design MFA program at Maryland Institute College of Art (MICA) in Baltimore. She is the author of numerous books and articles on design, a frequent lecturer, and an AIGA Gold Medalist.

This has been a nutritious part of Web Type Day.

Short URL: zeldman.com/?p=2932

Filed under: CSS, Design, Fonts, Press, Real type on the web, Standards, State of the Web, Web Design, Web Design History, Web Standards, Web Type Day, better-know-a-speaker, creativity, industry, webfonts, webtype

Comments off.

Our classic orange avatar has turned blue to celebrate the release of Designing With Web Standards 3rd Edition by Jeffrey Zeldman with Ethan Marcotte. This substantial revision to the foundational web standards text will be in bookstores across the U.S. on October 19, 2009, with international stores to follow. Save 37% off the list price when you buy it from Amazon.com.

• What’s new in the 3rd Edition
• Mini-site

Short URL: zeldman.com/?p=2730

Filed under: 3e, CSS, DOM, DWWS, Design, HTML5, Publications, Real type on the web, Standards, State of the Web, Typography, Usability, User Experience, Web Design, Web Standards, XHTML, Zeldman, books, development, javascript, webfonts

Comments off.

For those who couldn’t be there, and for those who were there and seek to savor the memories, here is An Event Apart Chicago, all wrapped up in a pretty bow:

AEA Chicago – official photo set

By John Morrison, subism studios llc. See also (and contribute to) An Event Apart Chicago 2009 Pool, a user group on Flickr.

A Feed Apart Chicago

Live tweeting from the show, captured forever and still being updated. Includes complete blow-by-blow from Whitney Hess.

Luke W’s Notes on the Show

Smart note-taking by Luke Wroblewski, design lead for Yahoo!, frequent AEA speaker, and author of Web Form Design: Filling in the Blanks (Rosenfeld Media, 2008):

1. Jeffrey Zeldman: A Site Redesign
2. Jason Santa Maria: Thinking Small
3. Kristina Halvorson: Content First
4. Dan Brown: Concept Models -A Tool for Planning Websites
5. Whitney Hess: DIY UX -Give Your Users an Upgrade
6. Andy Clarke: Walls Come Tumbling Down
7. Eric Meyer: JavaScript Will Save Us All (not captured)
8. Aaron Gustafson: Using CSS3 Today with eCSStender (not captured)
9. Simon Willison: Building Things Fast
10. Luke Wroblewski: Web Form Design in Action (download slides)
11. Dan Rubin: Designing Virtual Realism
12. Dan Cederholm: Progressive Enrichment With CSS3 (not captured)
13. Three years of An Event Apart Presentations

Note: Comment posting here is a bit wonky at the moment. We are investigating the cause. Normal commenting has been restored. Thank you, Noel Jackson.

Short URL: zeldman.com/?p=2695

Filed under: A List Apart, An Event Apart, Appearances, Authoring, Browsers, CSS, Career, Chicago, Code, Community, Compatibility, DOM, Design, Education, Fonts, Formats, HTML, HTML5, Happy Cog™, Information architecture, Jason Santa Maria, Markup, Real type on the web, Scripting, Search, Standards, State of the Web, architecture, art direction, bugs, cities, conferences, content, content strategy, creativity, development, downloads, editorial, engagement, eric meyer, events, flickr, glamorous, industry, javascript, photography, social networking, speaking, spec

Comments off.

In this installment: a free tool to create EOT Lite webfonts; An Event Apart interviews CSS web comic creator; Apple is exonerated of censoring iPhone dictionary; and “a new breed of documentary photographers.”

“A New Breed of Documentary Photographers”

Curated by photographer/photo editor Geoffrey Hiller, Verve Photo presents “photos and interviews by the finest young image makers today.” Case in point: Joni Sternbach, and her amazing 8″ x 10″ Unique Tintypes of surfers.

Schiller Responds Re: Ninjawords and App Store

Daring Fireball follows up on its previous Ninjawords: iPhone Dictionary, Censored by Apple, exhonerating Apple of censorship and suggesting that “Apple’s leadership is trying to make the course correction that many of us see as necessary for the long-term success of the platform.”

An Interview With the Creator of “CSSquirrel”

CSSquirrel is both a person and a web comic. Both are profoundly geeky. Picture a comic where, to understand the punch line, you have to follow the politics of the development of the HTML 5 specification or be conversant with the details of RGBa color notation, and you’ll know why we love the subject of this interview.

Ascender Corp. introduces tool to create EOT Lite fonts

In their own words:

Ascender has made a proposal for a subset of the Embedded OpenType (EOT) format with two features removed:

• MTX font compression
• URL Binding (root strings)

…In order to help type designers, foundries and font vendors create an EOT font without these two features, Ascender has developed a simple software utility called the “EOT Lite Wrap Tool.”

This GUI-based tool is compiled to run under Windows, Mac OS X and Linux. Features in the tool include:

• Wrap a single font or a batch of fonts
• View the EOT font header information

Ascender is offering a free license to this tool to qualified type designers, foundries and font vendors for use to create EOT versions of their own fonts.

Please review the Read Me file and EULA before requesting a copy.

Tags: webfonts, apple, censorship, ascender, EOTLite, documentary, photographers, photographs, blog, CSS, CSSquirrel, webcomics, aneventapart, interviews

Filed under: An Event Apart, CSS, Fonts, Interviews, Typography, Web Design, creativity, photography, webfonts

Comments off.

Back in 2000, CSS co-creator Bert Bos set out to explain the W3C’s design principles—“to make explicit what the developers in the various W3C working groups mean when they invoke words like efficiency, maintainability, accessibility, extensibility, learnability, simplicity, [and] longevity….”

Eventually published in 2003, the essay, although ostensibly concerned with explaining W3C working group principles to the uninitiated, actually articulates the key principle that separates great design from the muck we normally wade through. It also serves as a warning to Bert’s fellow W3C wizards not to seek the dark magic of abstract purity at the expense of the common good. Tragically for these wizards, and for we who use their technologies, it is a warning some developers of W3C specifications continue to overlook.

Design is for people

In his introduction, Bert summarizes the humanistic value that is supposed to be at the core of every web standard:

Contrary to appearances, the W3C specifications are for the most part not designed for computers, but for people. … Most of the formats are in fact compromises between human-readability and computer efficiency….

But why do we want people to read them at all? Because all our specs are incomplete. Because people, usually other people than the original developers, have to add to them….

For the same reason we try to keep the specifications of reasonable size. They must describe a useful chunk of technology, but not one that is too large for an individual to understand.

Over the succeeding 25 web pages (the article is chunked out in pamphlet-sized pages, each devoted to a single principle such as “maintainability” and “robustness”) Bert clearly, plainly, and humbly articulates a series of rather profound ideas that are key to the web’s growth and that might apply equally admirably to realms of human endeavor beyond the web.

For instance, in the page entitled “Use What Is There,” Bert says:

The Web now runs on HTML, HTTP and URLs, none of which existed before the ’90s. But it isn’t just because of the quality of these new formats and protocols that the Web took off. In fact, the original HTTP was a worse protocol than, e.g., Gopher or FTP in its capabilities….

And that fact shows nicely what made the Web possible at all: it didn’t try to replace things that already worked, it only added new modules, that fit in the existing infrastructure. …

And nowadays (the year 2000), it may look like everything is XML and HTTP, but that impression is only because the “old” stuff is so well integrated that you forget about it: there is no replacement for e-mail or Usenet, for JPEG or MPEG, and many other essential parts of the Web.

He then warns:

There is, unfortunately, a tendency in every standards organization, W3C not excluded, to replace everything that was created by others with things developed in-house. It is the not-invented-here syndrome, a feeling that things that were not developed “for the Web” are somehow inferior. And that “we” can do better than “them.” But even if that is true, maybe the improvement still isn’t worth spending a working group’s resources on.

Shrinkage and seduction

In his gentle way, Bert seems to be speaking directly to his W3C peers, who may not always share his and Håkon’s humanism. For, despite what designers new to CSS, struggling for the first time with concepts like “float” and the box model may think, Bert and Håkon designed the web’s layout language to be easy to learn, teach, implement, maintain, and (eventually) extend. They also designed CSS not to overwhelm the newcomer with advanced power at the cost of profound complexity. (“CSS stops short of even more powerful features that programmers use in their programming languages: macros, variables, symbolic constants, conditionals, expressions over variables, etc. That is because these things give power-users a lot of rope, but less experienced users will unwittingly hang themselves; or, more likely, be so scared that they won’t even touch CSS. It’s a balance.”)

This striving to be understood and used by the inexperienced is the underlying principle of all good design, from the iPhone to the Eames chair. It’s what Jared Spool would call usability and you and I may consider the heart of design. When anything new is created, be it a website, a service, or a web markup language, there is a gap between what the creator knows (which is everything about how it’s supposed to work), and what you and I know (which is nothing). The goal of design is to shrink this ignorance gap while seducing us into leaping across it.

What were once vices are now habits

You can see this principle at work in CSS, whose simplicity allowed us to learn it. Although we now rail against the limitations of CSS 1 and even CSS 2.1, what we are really complaining about is the slow pace of CSS 3 and the greater slowness with which browser makers (some more than others) adopt bits of it.

Note that at one time we would have railed against browser makers who implemented parts of a specification that was still under development; now we admire them. Note, too, that it has taken well over a decade for developers to understand and browsers to support basic CSS, and it is only from the perspective of the experienced customer who craves more that advanced web designers now cry out for immediate CSS 3 adoption and chafe against the “restrictions” of current CSS as universally supported in all browsers, including IE8.

If CSS had initially offered the power, depth, and complexity that CSS 3 promises, we would still be designing with tables or Flash. Even assuming a browser had existed that could demonstrate the power of CSS 3, the complexity of the specification would have daunted everyone but Eric Meyer, had CSS 1 not come out of the gate first.

The future of the future of standards

It was the practical simplicity of CSS that enabled browser engineers to implement it and tempted designers to use (and then evangelize) it. In contrast, it was the seeming complexity and detachment from practical workaday concerns that doomed XHTML 2, while XHTML 1.0 remains a valid spec that will likely still be working when you and I have retired (assuming retirement will be possible in our lifetime—but that’s another story).

And yet, compared to some W3C specs in progress, XHTML 2 was a model of accessible, practical, down-to-earth usability.

To the extent that W3C specifications remain modular, practical, and accessible to the non-PhD in computer science, they will be adopted by browser makers and the marketplace. The farther they depart from the principles Bert articulated, the sooner they will peter out into nothingness, and the likelier we are to face a crisis in which web standards once again detach from the direction in which the web is actually moving, and the medium is given over to incompatible, proprietary technologies.

I urge everyone to read “What is a Good Standard?“, and I thank my friend Tantek for pointing it out to me.

Tags: W3C, design, principles, bertbos, maintainability, accessibility, extensibility, learnability, simplicity, specs, standards, css, markup, code, languages, web, webdesign, webstandards, webdevelopment, essays

Filed under: Advocacy, Applications, Browsers, CSS, Code, Compatibility, DOM, Design, Markup, Standards, State of the Web, W3C, Web Design, Web Design History, Web Standards, architecture, creativity, spec, wisdom

Comments off.