2 Sep 2010 10 am eastern

My other iPad is a Kindle

Zeldman.com as seen on Kindle

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.

Filed under: A List Apart, Accessibility, Amazon, Apple, Authoring, Best practices, Browsers, Code, Compatibility, Design, E-Books, Formats, HTML, Layout, Site Optimization, The Essentials, Touchscreen, Web Design, Web Design History, Web Standards, art direction, books, industry, webkit, zeldman.com

This post has earned 12 responses so far.

1 Sep 2010 2 pm eastern

Episode 18: Roger Black on web type and templates

Roger Black

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.


Filed under: Best practices, Big Web Show, Design, The Big Web Show, The Profession, Web Design, Web Design History, Web Standards, Websites, Working, art direction, webfonts, webtype

Comments off.

31 Aug 2010 11 am eastern

HTML5 For Web Designers: The eBook

HTML5 For Web Designers

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.

Filed under: A Book Apart, Design, E-Books, HTML, HTML5, Products, Standards, State of the Web, Web Design, Web Design History, Web Standards, editorial

Comments off.

31 Aug 2010 7 am eastern

Announcing Lanyrd

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.

Filed under: Announcements, Applications, Community, Design, apps, conferences, content

Comments off.

26 Aug 2010 3 pm eastern

HTML5 Pour Les Web Designers

Sacre bleu! The French edition of the ebook of HTML5 For Web Designers is in the Top 5 sellers on iTunes Français.

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!

Filed under: A Book Apart, Acclaim, Advocacy, Announcements, Apple, Best practices, Formats, HTML, HTML5, Jeremy Keith, Products, Publications, Publishing, industry

This post has earned 22 responses so far.

24 Aug 2010 2 pm eastern

Episode 17: Web Meritocracy

Tracy Osborn

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.


Filed under: Big Web Show, Design, business

Comments off.

21 Aug 2010 11 am eastern

A most unfortunate company name

The name of this company is Analify. It appears to be a synthesis of analyze and verify.

Filed under: Brands

This post has earned 28 responses so far.

21 Aug 2010 10 am eastern

Pick a Peck of Panels

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)
  2. Panelists:

    • Brett HarnedHappy Cog Senior Project Manager
    • Dave DeRuchieHappy Cog Project Management Director
    • Sam Barnes
    • Pamela Villcorta
    • Rob Borley
  3. Your Meetings Suck and It’s Your Fault
  4. Presenter: Kevin HoffmanHappy Cog User Experience Director

User Experience

  1. Critical Thinking for UX Designers (Or Anyone, Really)
  2. Dual Presenters:

    • Russ UngerHappy Cog User Experience Director
    • Stephen Anderson
  3. Guerrilla Research Methods — Live!
  4. Dual Presenters:

    • Todd Zaki Warfel
    • Russ UngerHappy Cog User Experience Director
  5. Inside-Out UX: Clients, Expectations, Politics, Personalities
  6. Dual Presenters:

    • Whitney HessHappy Cog Senior Experience Designer
    • Tom Daly

Design

  1. Can Design Save Philadelphia? Happy Cog vs Cliches
  2. Presenter: Christopher CashdollarHappy Cog Creative Director

  3. My Title Is Web Designer, Now What?
  4. Panelists:

  5. Nontent: Is Smashing Magazine Helping or Hurting Design
  6. Panelists:

    • Kevin SharonHappy Cog Senior Designer
    • Mathew Smith
    • Aex Giron

Development

  1. Developers: Saving the Web From Your Dick Move
  2. Panelists:

    • Jenn LukasHappy Cog Interactive Development Director
    • Mark HuotHappy Cog Technology & Development Director
    • Kenny Meyers
    • Noah Stokes
    • Paul Irish
  3. Digital Bookmaking for Designers & Developers
  4. Panelists:

    • Brian WarrenHappy Cog Senior Designer/Developer
    • Scott Boms
    • Grant Huchinson

Personal Development

  1. Jeffrey Zeldman’s Amazing Panel
  2. Presenter: Jeffrey ZeldmanHappy Cog Founder & Executive Creative Director

  3. Company Culture: It’s All Your Fault
  4. Presenter: Greg HoyHappy Cog President

  5. Panel Title: [ INSERT PANEL TITLE HERE ]
  6. Dual Presenters:

  7. GeekFit: How to Embrace Technology and Healthy Lifestyles
  8. Presenter: Robert JollyHappy Cog Client Services Director

  9. Breaking Taboos: Pros Get Real About Money Matters
  10. Panelists:

    • Mark Hemeon
    • Daniel Burka
    • Joe Stump
    • Whitney HessHappy Cog Senior Experience Designer
  11. Maintaining Your Humility While Enjoying Your Success
  12. Presenter: Whitney HessHappy Cog Senior Experience Designer

  13. Bridging The Generation Gap: Or Is There One?
  14. Panelists:

  15. Making Memories Capturing Your Awkward Social Media Years
  16. Panelists:

    • Kenny Meyers
    • Luke Dorney
    • Greg StoreyHappy Cog President

Filed under: Happy Cog™, SXSW, conferences

Comments off.

17 Aug 2010 11 am eastern

Help content, iPad apps

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.)

Filed under: A List Apart

Comments off.

16 Aug 2010 6 am eastern

iPad Fonts Petition


Jeffrey Zeldman Presents

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…

Filed under: Apple, Applications, Design, Designers, Fonts, apps, art direction, ipad

This post has earned 266 responses so far.