Designer Aarron Walter guests on tomorrow’s episode of The Big Web Show, co-hosted by Dan Benjamin and taped before a live internet audience.

Aarron is the author of one of my favorite web design books, Building Findable Websites: Web Standards, SEO, and Beyond (New Riders, 2008). It’s the book that explains the connection between “search engine optimization” and good, accessible, semantic markup. (Buy your clients a copy.) He works as the lead user experience designer for MailChimp, bringing ease of use and even fun to web-based email marketing and list management. He is also a popular conference speaker; the author of an upcoming A Book Apart mini-tome on emotional design; and the lead of the WaSP InterACT curriculum project, “a living, open curriculum based upon web standards and best practices, designed to teach students the skills of the web professional.”

The Big Web Show (“Everything Web That Matters”) is taped live in front of an internet audience every Thursday at 1:00 PM ET on live.5by5.tv. Edited episodes can be watched afterwards, often within hours of taping, via iTunes (audio feed | video feed) and the web.

In Issue No. 313 of A List Apart for people who make websites: Better content management systems start with content strategy; typographically beauteous web pages may benefit from hyphenation and justification.

Strategic Content Management

by JONATHAN KAHN

Any web project more complex than a blog requires custom CMS design work. It’s tempting to use familiar tools and try to shoehorn content in—but we can’t select the appropriate tool until we’ve figured out the project’s specific needs. So what should a CMS give us, apart from a bunch of features? How can we choose and customize a CMS to fit a project’s needs? How can content strategy help us understand what those needs really are? And what happens a day, a week, or a year after we’ve installed and customized the CMS?

Published in: Content Strategy

The Look That Says Book

by RICHARD FINK

Hyphenation and justification: It’s not just for print any more. Armed with good taste, a special unicode font character called the soft hyphen, and a bit o’ JavaScript jiggery, you can justify and hyphenate web pages with the best of them. Master the zero width space. Use the Hyphenator.js library to bottle fame, brew glory, and put a stopper in death. Create web pages that hyphenate and justify on the fly, even when the layout reflows in response to changes in viewport size.

Published in: Layout, Typography

Illustration by Kevin Cornell for A List Apart

The new Kindle has a lot going for it. It’s inexpensive compared to a full-featured tablet computer like the iPad; you can slip it in your back pocket, where it’s more comfortable than an old-style paperback; and it includes a Webkit browser. This last point is where folks like us start to give a hoot, whether we’re fans of epub reading or not.

The flavor of Kindle’s browser concerns us because it affords us the ability to optimize the mobile viewing experience with a single line of markup. You can see this in action in the photo at the head of this article (published and discussed on Flickr).

I made no tweaks for Kindle per se; the Kindle is simply responding to a line of markup I’ve been putting into my web pages since 2007—namely, the viewport meta element, which controls the width of the viewport, thus enabling mobile devices with a limited number of pixels to focus all available pixels on your site’s core content (instead of, for instance, wasting part of the small screen on a background color, image, or gradient). The technique is as simple as web design gets:

meta name="viewport" content="width=770"

(Obviously, the value of “width” should be adjusted to match your site’s layout.)

I learned this little trick from Craig Hockenberry’s Put Your Content in My Pocket (A List Apart, August 28, 2007), which I naturally recommend to any designer who hasn’t seen it.

Legendary art director Roger Black guests on tomorrow’s episode of The Big Web Show, co-hosted by Dan Benjamin and taped in front of a live internet audience.

Roger co-founded the following new companies: Webtype, creators of high-end fonts for online typography; Treesaver, a platform that uses CSS, HTML, JavaScript, and the principles of responsive design to publish beautifully formatted content on any device with a web browser; Ready-Media, which designs templates for newspaper and magazine publishers (and attracts controversy); and Nomad Editions, a series of digital weeklies designed directly for mobile devices.

Roger is also a founding partner in Danilo Black, an international design agency he co-founded with Eduardo Danilo, and The Font Bureau, a leading type foundry he co-founded with David Berlow.

“He pioneered the use of computers in design, cut the best deals, and made himself synonymous with the modern magazine,” wrote Michael Wolff in a New York Magazine profile of Roger back in the 1990s, when Roger was the best-known magazine art director in the world. (Among many others, he designed Rolling Stone, The New York Times Magazine, Newsweek, The New Republic, Fast Company, Advertising Age, and Esquire.)

He also co-founded Interactive Bureau, one of the biggest and most successful web design agencies of the dot-com era.

In his free time, Roger putters around in his award-winning West Texas vacation home made of recycled shipping containers.

Roger Black is an astoundingly prolific creative force; we hope you can join us for this Episode of the show.

The Big Web Show (“Everything Web That Matters”) is taped live in front of an internet audience every Thursday at 1:00 PM ET on live.5by5.tv. Edited episodes can be watched afterwards, often within hours of taping, via iTunes (audio feed | video feed) and the web.

Photo of Roger Black at Happy Cog by Jeffrey Zeldman.

Jeremy Keith’s HTML5 for Web Designers is now available as an epub at books.alistapart.com.

If you bought the paperback, watch your inbox for a special discount on the ebook. (To take advantage of this offer, enter the discount code in page 2 of the shopping cart’s checkout process, after you put in your billing information.)

Also, be on the lookout for our second book, CSS3 For Web Designers by Dan Cederholm, forthcoming this Fall. Upcoming A Book Apart topics include progressive enhancement, content strategy, responsive web design, and emotional design by industry-leading authors Aaron Gustafson, Erin Kissane, Ethan Marcotte, and Aarron Walter.

No, it isn’t a Happy Cog project (it’s by Simon Willison and Natalie Downe) but we couldn’t love Lanyrd, the social conference directory any more if we’d created it ourselves.

Lanyrd uses Twitter to tell you which conferences, workshops and such your friends are attending or speaking at. You can add and track events, and soon you’ll be able to export your events as iCal or into your Google calendar (the site is powered by microformats). Soon, too, you’ll be able to add sessions, slides, and videos.

The site’s not for everyone. It’s for people who attend web/UX conferences, and as it was created by inhabitants of the UK, it presently focuses mainly on Western European and North American events, but that will change as more people use it.

Congratulations and thank you, Natalie and Simon.

Sacrebleu! The French edition of the ebook of Monsieur Jeremy Keith’s HTML5 For Web Designers is in the top five sellers in the iTunes Store Français.

To answer your other questions: an eBook version in English is coming to books.alistapart.com next week, will soon thereafter also be sold via the iTunes Store, and will be followed by a PDF version. Get those downloading fingers in shape now!

Bay area designer Tracy Osborn (@limedaring) is our guest on Thursday’s episode of The Big Web Show, co-hosted by Dan Benjamin and taped in front of a live internet audience.

Tracy is the kind of young entrepreneur who bears watching, and an exemplar of the empowering energy of the web. In virtually every other sphere of industry, even can’t-miss notions demand tremendous financial backing to attain the merest chance of success. But on the web, quite often, all you need is a strong idea and the willingness and ability to work.

Tracy’s latest idea is to launch a startup that’s likely to shake up the wedding invitation industry:

In wedding invitations alone, there are two options: spend hundreds of dollars for custom designed invitations (expensive but pretty), or do-it-yourself (cheap but ugly). I want to build a web application catering to … price sensitive couples who have an aversion to Comic Sans.

We’ll discuss the ins and outs of networking when you’re not well known; where ideas and inspiration come from; how to recognize and develop your best ideas and persuade others to believe in them; and more.

The Big Web Show (“Everything Web That Matters”) is taped live in front of an internet audience every Thursday at 1:00 PM ET on live.5by5.tv. Edited episodes can be watched afterwards, often within hours of taping, via iTunes (audio feed | video feed) and the web.

Voting is underway for next year’s SXSW Interactive Festival in Austin, TX, and members of Happy Cog have proposed eighteen panel ideas shown here. Follow the links to vote for your favorites, increasing the likelihood you’ll see them on the schedule in March 2011. Voting ends 11:59 PM CDT on Friday, August 27, 2010.

Project Management

1. Project Management for Humans (No Robots Allowed)

Panelists:

• Brett Harned — Happy Cog Senior Project Manager
• Dave DeRuchie — Happy Cog Project Management Director
• Sam Barnes
• Pamela Villcorta
• Rob Borley
2. Your Meetings Suck and It’s Your Fault

Presenter: Kevin Hoffman — Happy Cog User Experience Director

User Experience

1. Critical Thinking for UX Designers (Or Anyone, Really)

Dual Presenters:

• Russ Unger — Happy Cog User Experience Director
• Stephen Anderson
2. Guerrilla Research Methods — Live!

Dual Presenters:

• Todd Zaki Warfel
• Russ Unger — Happy Cog User Experience Director
3. Inside-Out UX: Clients, Expectations, Politics, Personalities

Dual Presenters:

• Whitney Hess — Happy Cog Senior Experience Designer
• Tom Daly

Design

1. Can Design Save Philadelphia? Happy Cog vs Cliches

Presenter: Christopher Cashdollar — Happy Cog Creative Director

2. My Title Is Web Designer, Now What?

Panelists:

• Christopher Cashdollar — Happy Cog Creative Director
• Samantha Warren
• Jay Fanelli
• Val Head
3. Nontent: Is Smashing Magazine Helping or Hurting Design

Panelists:

• Kevin Sharon — Happy Cog Senior Designer
• Mathew Smith
• Aex Giron

Development

1. Developers: Saving the Web From Your Dick Move

Panelists:

• Jenn Lukas — Happy Cog Interactive Development Director
• Mark Huot — Happy Cog Technology & Development Director
• Kenny Meyers
• Noah Stokes
• Paul Irish
2. Digital Bookmaking for Designers & Developers

Panelists:

• Brian Warren — Happy Cog Senior Designer/Developer
• Scott Boms
• Grant Huchinson

Personal Development

1. Jeffrey Zeldman’s Amazing Panel

Presenter: Jeffrey Zeldman — Happy Cog Founder & Executive Creative Director

2. Company Culture: It’s All Your Fault

Presenter: Greg Hoy — Happy Cog President

3. Panel Title: [ INSERT PANEL TITLE HERE ]

Dual Presenters:

• Greg Storey — Happy Cog President
• Greg Hoy — Happy Cog President
4. GeekFit: How to Embrace Technology and Healthy Lifestyles

Presenter: Robert Jolly — Happy Cog Client Services Director

5. Breaking Taboos: Pros Get Real About Money Matters

Panelists:

• Mark Hemeon
• Daniel Burka
• Joe Stump
• Whitney Hess — Happy Cog Senior Experience Designer
6. Maintaining Your Humility While Enjoying Your Success

Presenter: Whitney Hess — Happy Cog Senior Experience Designer

7. Bridging The Generation Gap: Or Is There One?

Panelists:

• Joey Pfeifer — Happy Cog Developer/Designer
• Yesenia Perez-Cruz — Happy Cog Designer
• Khoi Vinh
• Luke Dorny
8. Making Memories Capturing Your Awkward Social Media Years

Panelists:

• Kenny Meyers
• Luke Dorney
• Greg Storey — Happy Cog President

In Issue No. 312 of A List Apart for people who make websites: Twitterific’s Craig Hockenberry compares web apps to iPhone apps,and tells iPhone app developers what they need to know to succeed, in Apps vs. the Web. And Lyle Mullican shows how to convert frustrated users into loyal customers by strategizing, writing, and maintaining better help copy in Good Help is Hard to Find. (Plus: possibly the best Kevin Cornell ALA illustrations yet.)

Dear Apple: It is a triumph of engineering and marketing and general cause for joy that Apple provides highly functional iPad versions of Keynote, Pages, and Numbers for a mere $9.99 apiece. Alas, the iPad versions’ inability to import or transfer fonts diminishes the apps’ value and utility.

You, Apple, have done much to foster today’s design culture, so it is no surprise to you that we designers are particular about the fonts we use. One font is not the same as another. Helvetica is not the same as Franklin or Gotham. You know this as well as we do. Which means you also know that, in transferring Keynote presentations and Pages layouts between the Macs and iPads you sell us, our joy gets dented when the iPad replaces our fonts with “a close match” or Helvetica.

And it’s not just a matter of joy. I sometimes spend weeks on a Keynote presentation, and so do my colleagues. We’d love to be able to work on them whether we have a Mac or an iPad at hand—that, after all, is the promise of the devices we buy from you; frankly, it is the promise of all computers. But when the iPad loses my fonts, it loses me. A Keynote presentation with substitute fonts is of no use to me, except perhaps as a rehearsal tool—and I can just as easily rehearse with a PDF.

Please either add the ability to retain fonts (and all their settings) when importing Keynote, Pages, and Numbers documents from computer to iPad, or else please create a simple font management tool for the iPad that allows us to import a reasonable subset of our fonts to the device.

Sincerely,

Jeffrey Zeldman
and…

For nearly 13 years, I created websites with PageSpinner, a charmingly old-fashioned HTML coding environment from the days of Netscape 1.0. But two years ago, seeking updated web page encoding and other modern conveniences, I switched to TextMate, “the missing editor for MacOS X.”

PageSpinner greatly helps coders (but offends the aesthete’s eye) with Microsoft-Word-like menu bars containing buttons that let you instantly create paragraphs, list items, and so on. In contrast, TextMate has no UI chrome whatever. A screenshot of the TextMate interface is like a photograph of snow.

For two years, I’ve created web pages in TextMate, hand-coding every entity with no help from the application because I didn’t know it offered any. But my friend Ethan Marcotte knew, and today, responding to my cry for help, he sent the following info:

I highly recommend starting here. (If you only read one thing in this email—and who could blame you?—make it that link.)

Moving on! Here’s a more exhaustive “getting started” tutorial.

Random feature blogs:

• Gillian Carson reviews TextMate
• What are some useful TextMate features?

Macromates has some helpful screencasts (most of which could use a good editor, but they might be good train fodder):

• Inserting HTML tags
• HTML Text Transformations
• Blogging, Take Two
• TextMate Comments

Because I have no life, I’ll occasionally trawl through Vimeo to find random tips.

And here’s Dan Rubin’s macro to convert multi-line CSS to single-line (or vice versa).

An essay in three tweets:

Morality isn’t how you think, it’s what you do about your violent carnal greedy cowardly natural impulses. #

Good religion attempts to explain our deep connection to others. Bad religion scares us out of being monkeys. #

God loves my sin more than it shames me. Ladies. #

If you’re intrigued, as I am, by the trailer for David Fincher’s upcoming The Social Network, and if part of what compels you about the trailer is the musical score—a choral version of Radiohead’s “Creep”—you’ll be happy to know you can purchase said song via emusic.com: On The Rocks is the album, “Creep” is the track, and Scala, a Belgian all-teenage-girl choir, are the artists. Highly recommended.

P.S. If emusic.com had an affiliate program, I’d have free music for life.