Web designer Joshua Lane, currently best know for doing fancy web stuff at Virb.com, has overhauled his personal site in ways that are aesthetically pleasing and visually instructive.

Like all good site redesigns, this one starts with the content. Whereas the recent zeldman.com redesign emphasizes blog posts (because I write a lot and that’s what people come here for), Lane’s redesign appropriately takes exactly the opposite approach:

There is a much smaller focus on blog posts (since I don’t write often), and a much larger focus on the things I do elsewhere (Twitter, Flickr, Last.fm etc). Individually, I don’t contribute a great deal to each of those services. But collectively, I feel like it’s a good amount of content to showcase (as seen on the home page). And something that feels like a really good representation of “me.”

Not one to ignore the power of web fonts, Lane makes judicious use of Goudy Bookletter 1911 from The League of Movable Type, an open-source type site founded by Caroline and Micah, featuring only “well-made, free & open-source, @font-face ready fonts.” (Read their Manifesto here.)

The great Barry Schwartz based his Goudy Bookletter 1911 on Frederic Goudy’s Kennerley Oldstyle, a font Schwartz admires because it “fits together tightly and evenly with almost no kerning.” Lane inserts Schwartz’s open-source gem via simple, standards-compliant CSS @font-face. Because of its size, it avoids the secret shame of web fonts, looking great in Mac and Windows.

But considered type is far from the redesigned site’s only nicety. Among its additional pleasures are elegant visual balance, judicious use of an underlying horizontal grid, and controlled tension between predictability and variation, ornament and minimalism. Restraint of color palette makes photos, portfolio pieces, and other featured elements pop. And smart CSS3 coding allows the designer to play with color variations whenever he wishes: “the entire color scheme can be changed by replacing a single background color thanks to transparent pngs and rgba text and borders.”

In short, what Lane has wrought is the very model of a modern personal site: solid design that supports content, backed by strategic use of web standards.

Filed under: CSS, Code, Design, Fonts, Standards, State of the Web, User Experience, content, content strategy, creativity, style, type, webfonts, webtype

Headed to SXSW Interactive? Concerned about the future of books, magazines, and websites? Attend “New Publishing and Web Content,” a panel I’m hosting on the creative, strategic, and marketing challenges of traditional and new (internet hybrid) book publishing and online magazine publishing, and how these fields intersect with content strategy and client services.

Joining me in a thoughtful exploration of new and old business models and creative challenges will be people who’ve spent a decade or two butting up against and reinventing these boundaries:

• Mandy Brown, creative director, Etsy; former creative director (web and print), W.W. Norton, the oldest and largest publishing traditional house owned wholly by its employees; contributing editor, A List Apart Magazine; publisher, A Working Library; and co-director (with Jason Santa Maria and me), A Book Apart, a new publisher of mid-length books “for people who make websites.” (We’re talking book-books, made of paper, printed, bound, and distributed—not PDFs.)
• Paul Ford, critically respected novelist (Gary Benchley, Rock Star) and short fiction writer; blogger since practically the Civil War, most famously of Ftrain.com, where he has penned such classic posts as “Learning to Fear the Semantic Web;” print and web editor, Harper’s, the very definition of a traditional printed magazine of quality—also web developer, designer, and webmaster of Harper’s website since forever; and frequent contributor to The Morning News and to NPR’s “All Things Considered,” where he once offered a dissenting view on “web standards”—not that I’m bitter.
• Lisa Holton, Founder and CEO, Fourth Story Media (“a fresh perspective in storytelling”). The company “develop[s] compelling intellectual property and distribute[s] it across traditional and nontraditional channels including books, collaborative web fiction, and social media.” Previously, Lisa was President of Scholastic Trade Publishing and Book Fairs, where she managed the publication of Harry Potter and the Deathly Hallows and initiated and oversaw development of The 39 Clues, a widely heralded book- and web-based venture. Prior to that, she was SVP and Publisher, Disney Global Children’s Books, running all aspects of the domestic and international children’s book business at the Walt Disney Company. Before that, Lisa was Vice President, Associate Publisher and Editor-in Chief of HarperCollins Children’s Books. She serves on the Board of Directors of the New York Women’s Foundation and the Board of Trustees of the Eric Carle Museum of Picture Book Art.
• Erin Kissane, publisher, Incisive.nu, a website about strong language, writing tools, and other aspects of content strategy; content strategist and editorial strategist, Happy Cog Studios; former editor-in-chief (for ten years), A List Apart Magazine; author of numerous articles on web writing, editing, and content strategy, including “Attack of the Zombie Copy,” “Your About Page is a Robot,” and “Content Templates to the Rescue;” founding strategist, A Book Apart; and author of an upcoming book on content strategy for content strategists.

As moderator, my job will be to let these geniuses speak, to occasionally lob the right question to the right genius, and to help field your questions from the audience.

If you work in web or print publishing, or just care about the written word, please join us at 5:00 PM Central Time in Ballroom A.

(What else am I doing at SXSW Interactive? Here’s my schedule so far. I also hope to see some of you at OK Cog’aoke II, SXSW Interactive’s premiere karaoke event and best party, hosted by your friends at Happy Cog.)

Filed under: Micropublishing, Press, Publications, Publishing, SXSW, The Profession, Zeldman, business, client services, conferences, content, content strategy, editorial, events, speaking

Issue 300 of A List Apart for people who make websites solves password-related usability problems with a dash of JavaScript, and employs content strategy to help your site do the right thing at the right time:

The Problem with Passwords

by LYLE MULLICAN

Abandoning password masking as Jakob Nielsen suggests could present serious problems, undermining a user’s trust by failing to meet a basic expectation. But with design patterns gleaned from offline applications, plus a dash of JavaScript, we can provide feedback and reduce password errors without compromising the basic user experience or losing our visitors’ trust.

Words that Zing

by COLLEEN JONES

When someone consults a website, there is a precious opportunity not only to provide useful information but also to influence their decision. To make the most of this opportune moment, we must ensure that the site says or does precisely the right thing at precisely the right time. Understanding the rhetorical concept of kairos can help us craft a context for the opportune moment and hit the mark with appropriately zingy text.

Our 300th issue also marks the debut of contributing editor Mandy Brown. Mandy is a Creative Director at Etsy. She worked for nearly a decade at the venerable publishing house W. W. Norton & Company, where her work involved everything from book design to web design to writing about design. She writes about the reading experience at A Working Library. We are thrilled to add Mandy to our creative team.

Illustration: Kevin Cornell for A List Apart

Filed under: A List Apart, Acclaim, Scripting, UX, Usability, User Experience, content strategy, javascript

Comments off.

The deaths of Leslie Harpold and Brad Graham, in addition to being tragic and horrible and sad, have highlighted the questionable long-term viability of blogs, personal sites, and web magazines as legitimate artistic and literary expressions. (Read this, by Rogers Cadenhead.)

Cool URIs don’t change, they just fade away. When you die, nobody pays your hosting company, and your work disappears. Like that.

Now, not every blog post or “Top 10 Ways to Make Money on the Internet” piece deserves to live forever. But there’s gold among the dross, and there are web publications that we would do well to preserve for historical purposes. We are not clairvoyants, so we cannot say which fledgling, presently little-read web publications will matter to future historians. Thus logic and the cultural imperative urge us to preserve them all. But how?

The death of the good in the jaws of time is not limited to internet publications, of course. Film decays, books (even really good ones) constantly go out of print, digital formats perish. Recorded music that does not immediately find an audience disappears from the earth.

Digital subscriptions were supposed to replace microfilm, but American libraries, which knew we were racing toward recession years before the actual global crisis came, stopped being able to pay for digital newspaper and magazine descriptions nearly a decade ago. Many also (even fancy, famous ones) can no longer collect—or can only collect in a limited fashion. Historians and scholars have access to every issue of every newspaper and journal written during the civil rights struggle of the 1960s, but can access only a comparative handful of papers covering the election of Barack Obama.

Thanks to budget shortfalls and format wars, our traditional media, literature, and arts are perishing faster than ever before. Nothing conceived by the human mind, except Heaven and nuclear winter, is eternal.

Still, when it comes to instant disposability, web stuff is in a category all its own.

Unlike with other digital expressions, format is not the problem: HTML, CSS, and backward-compatible web browsers will be with us forever. The problem is, authors pay for their own hosting.

(There are other problems: the total creative output of someone I follow is likely distributed across multiple social networks as well as a personal site and Twitter feed. How to connect those dots when the person has passed on? But let’s leave that to the side for the moment.)

A suggestion for a business. Sooner or later, some hosting company is going to figure out that it can provide a service and make a killing (as it were) by offering ten-, twenty-, and hundred-year packets of posthumous hosting.

A hundred years is not eternity, but you are not Shakespeare, and it’s a start.

Filed under: Accessibility, Advocacy, Blogs and Blogging, Community, Formats, HTML, Ideas, Publications, Publishing, Respect, State of the Web, The Profession, W3C, business, content strategy, data, glamorous, industry, work, writing

In 2010, you are whatever the Net says you are. Deal with it. Let’s assume that you want to deal with it; that is, you care about the picture the Net paints of you. I think that most of us should care, and I can think of three approaches to influencing the Net’s view: Branding, Offending, and Spelling. The first probably won’t work and the second stinks, so that leaves Spelling; more precisely, spell-checking and what it stands for.

Read the entire (short) Tim Bray Essay: After Branding.

Filed under: content, content strategy, editorial, engagement, findability

Comments off.

In Issue No. 297 of A List Apart “for people who make websites,” Erin Scime explains how the principles of museum curatorship can inform and shape how we approach content on the web: “The Content Strategist as Digital Curator.” And Bjørn Enki describes how electronic contracts can speed workflow and acceptance, and tells how to create just such a contract with a little time and PHP in “Letting Go of John Hancock.”

A List Apart illustrations are by Kevin Cornell.

Short URL: zeldman.com/?p=3234

Filed under: A List Apart, Code, Design, business, content, content strategy

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

In Issue No. 290 of A List Apart, for people who make websites…

The Case for Content Strategy—Motown Style

by MARGOT BLOOMSTEIN

Over the past year, the content strategy chatter has been building. Jeffrey MacIntyre gave us its raison d’être. Kristina Halvorson wrote the call to arms. Panels at SXSW, presentations at An Event Apart, and regional meetups continue to build the drum roll. But how do you start humming the content strategy tune to your own team and to your prospective clients? Listen up and heed Aretha Franklin. No, really.

JavaScript MVC

by JONATHAN SNOOK

As JavaScript takes center stage in our web applications, we need to produce ever more modular code. MVC (Model-View-Controller) may hold the key. MVC is a design pattern that breaks an application into three parts: the data (Model), the presentation of that data to the user (View), and the actions taken on any user interaction (Controller). Discover how MVC can make the JavaScript that powers your web applications more reusable and easier to maintain.

Filed under: A List Apart, Publications, Publishing, Scripting, Standards, content, content strategy, javascript

Comments off.