Categories
Advertising Collectibles Community content creativity Damned Fine Journalism Design Designers Desktops Digital Preservation Formats Free Advice glamorous HTML industry launches links music My Back Pages Own your content social media social networking software Surviving Tech Web Design Web Design History Web Standards Websites zeldman.com

My weekend project

It’s Sunday; I’m playing with my music collection, content as a fed-and-burped babe. Allow me to explain.

I realized last night that, in tracking my shifting musical tastes via my Last.fm Pro account, I’m basically remaking “Pardon My Icons,” the creative project I launched on this very website in 1995, back when it was still at a tilde address (it did not become zeldman.com until ’96), and which first brought my work to the attention of other creatives who were also discovering the early web and making it their own.

Me, collage, and music

Although I was not serious about it, I started making collage art when I lived in Washington DC in my 20s.

Back then I was serious about composing and producing. I used an Akai 12-track recorder, a rack of synth modules commanded by my Yamaha DX7 with a custom E! card, and a PC running Personal Composer MIDI, arranging, and composition software. I also had an old Selmer Bundy flute, an African reed instrument whose name I forget (and whose “reed” turned out to be a dried locust carcass, as I would discover, to my horror, when the instrument broke), Fender amps, mics, and a variety of percussion instruments with which I made music in my Washington, DC-based recording studio. But that’s a whole ’nother story.

I did not expect to earn a living as a composer, and in that negative expectation I was more than amply fulfilled.

So I scrounged up a day job at a local advertising agency as a naively optimistic copywriter.

And a night job as a stringer for The Washington Post’s Arts section.

Music journalist by night

The paper’s arts section editor in those days was named Richard. I’d gotten his attention without soliciting it after creating “Khz” for City Paper. Khz was my weekly music column. I covered the emerging go-go and hardcore scenes, as they were what was happening in DC, and the whole country would soon be listening. Naturally, the Post made me stop writing about that interesting and relevant stuff, and instead paid me $40 per to crank out anodyne concert reviews of mainstream artists like Kenny Rogers when their tours came through DC. (I was comped to the ticket but paid my own travel and gas out of the 40 bucks.)

I typically had 30 minutes from the time the headliner started to call in my review, which meant I had to write it in my head while watching the beginning of the performance, then run to a pay phone booth (kids, ask your parents) and dictate it aloud to someone on the copy desk, before the concert had even begun to build up a head of steam. This wasn’t fair to the artists. I did the best job I could under the circumstances, taking pride in how quickly I could structure and ship a news story. Richard fired me before I could quit, but that, too, is another story.

Most importantly at that time, I lived with a girlfriend. She was an artist and architect who had left that career to study computer programming. We were social (many friends, drinking was often involved), and serious about our art—which, in my case, was music, even if I earned my living writing concert reviews and crafting passable but hardly brilliant ads.

Through all of those ups and downs, and to the side of those major efforts, I kept at the collage for years, putting in several hours a night making the things. When each was finished—and deciding that any art product was finished was damned tough for my restless young mind—I would carefully frame it behind glass, and mount it on the walls of our apartment.

Was it art? Just a hobby? Who knows? It made me happy.

And then gradually, as I put more effort into my music and ad careers, I set the collage-making aside, for a time.

New career in a new town

Ten years later, I was a New York art director and copywriter, two years sober, and no longer in that same romantic relationship. That’s okay, I was in a new one.

I’d packed my music studio equipment—now obsolete because Akai stopped making the proprietary multitrack tape format that their 12-track unit ran on—in a storage unit. Eventually I’d give away all that music and recording equipment (keeping only the multitrack masters), but that, too, is another story.

Cutting-edge for a day

Then in 1995, one of our ad clients asked the agency if we could make them a website. Like many of you, we lied and said, sure. And then we figured out how to actually do it.

The client was Warner Bros., the project was “Batman Forever,” our visionary client was Donald Buckley, my partners were Steve McCarron, Alec Pollak, and Doug Rice, and the website was a huge hit, attracting half the people who visited the early web. (Alec’s “Flashback 1995: batmanforever” shares screenshots, which are great, although they cannot convey what a breakthrough the site was in March, 1995.)

With 3 million people using the web in 1995, the site got 1.5 million visits a day for over a year. Not bad.

Pardon my icons (1995)

First gallery spread of “Pardon My Icons,” a zeldman.com entertainment from 1995 ff.

I immediately set to work creating a personal site (this one), and Pardon My Icons was one of its first “entertainments.”

As is often the case with my creative efforts, I made these tiny, Warhol-inflected bits of art as a protest against what I saw as the mediocrity of the icons in general use on that early, early web.

(Similarly, my friends and I would later start The Web Standards Project in protest against the dumb ways most folks were being told to create websites, e.g. using proprietary tags instead of W3C and ECMA standards, because browsers didn’t properly support those. Having lost access to my musical master tapes because I’d invested in Akai’s non-standard and eventually discontinued tape format, I was kind of keen on not letting the internet fall victim to the same kind of nonstandard f*ckery. But that, too, is another story. We are gathered here to talk about icons and collage. So let’s do that:)

A mental break

I track my music on Last.fm Pro. Here’s my account. (But don’t look unless you, too, have a Pro account. I’ll explain why in a moment.)

Photo spread: some of the artists I listen to, as shown on last.fm Pro.
Some of the artists I listen to, as shown on last.fm Pro.

Last.fm lists the artists you play, arranging them by the number of plays. Thus, if you were to play three tracks by Freddie Gibbs and two by Bill Evans, you’d have a collage featuring those two artists, with Freddie preceding Bill because he has one more play than Bill.

But if you play three tracks each of Freddie Gibbs and Bill Evans, then Bill will come first, because Bill comes before Freddie alphabetically.

Through such moves, over time, an ever-shifting collage unfolds. But only in Last.fm Pro.

In regular, free old last.fm, you can see other people’s artists as a list, arranged by number of plays, interrupted by an ugly barrage of ads. This is a useful free service for those who are curious about what their friends listen to. But it is a list, not an artful collage, of course.

Collage for days

In Pro, you can see their artists and yours as an ad-free collage that goes on for pages and pages. Plus, as a Pro user, you can choose which photo represents which artist—and even upload your own. When viewing your collection, you and your visitors will see a collage of your favorite artists, in descending order of plays (and with the English alphabet deciding who at each play count precedes whom), using artwork you not only select, but you can also create and upload to the service.

I like Pro. And even though the product isn’t exactly in what you’d call hyper active development—even though the server isn’t always fast, even though there are a few bugs that will probably never get fixed, even though new features are introduced rarely, and the company’s customer service department isn’t exactly the most active help desk in tech—despite those minor drawbacks, the site does things no other website can do. And at US $3, the Pro account isn’t exactly priced out of reach for most customers. (If you can afford a computer, internet access, a music collection and/or a music streaming service, you can probably scratch the 3 bucks together as well.)

How to collage on last.fm

By controlling what I listen to, and the order in which I listen, I’m slowly building an infinite collage of my evolving musical tastes.

By choosing or finding the artist photos (often post-producing them in Photoshop), I create my mood, my rhythm, and my shifting color palettes.

There are design rules governing where portraits should be placed. For instance, people whose face or gaze points rightward get placed on the left of the grid, so they lead the viewer’s eye from left to right, into the composition, whereas those who gaze to my left belong on the right side, leading the viewer’s eye back in.

To reposition someone, I may listen to a few extra plays of them. Or use last.fm’s Pro Admin to subtract a few plays.

When I started using Last.fm, I merely wanted a visual record of what I was listening to, and when I listened. But as you may have inferred, an accurate count of everything I’ve listened to over the past years is no longer my goal in using last.fm; the goal is now the endless collage.

It’s kinda spiritual.

(Reminder: the only way to see it is to be a Pro member of last.fm, which turns off ads and enables you to view your own and other people’s collections in a grid format instead of a list. If you’re a non-member, you see a list jammed with ads.)

If a tree falls, is it art?

Unlike the real-world collages I made in my 20s (which could be mounted on a wall), and unlike 1995’s “Pardon My Icons” (which could be viewed in any browser connected to the web), my current art-making/hobby activity is not publicly viewable except by last.fm Pro users. And that’s okay. ’Cause I’m not designing this for anyone besides myself to enjoy. I mean, if you see it, cool. But if nobody ever sees it, engaging with it will still make me happy.

Which makes this collage business—what? Therapy? Gaming? (Just of a different sort than anybody else?) A form of stimming? It definitely helps lower my general anxiety, providing a space where I can make pretty pictures while listening to my favorite music, which, driven in part by the desire to expand the collage, is widely inclusive and always expanding.

The hunt for fresh collage material also helps keep me interested in new music. (Readers who feel stuck, take note.) And my collage-making, however unimportant it may be, also provides a needed mental health break during these hellish times.

I do this activity every weekend when my more normal friends are biking or baking or dancing.

Is this activity, into which I’ve now poured many hours of my life, artistry or autism? Who cares? The point is that it’s escapist and harmless and we all need some of that in our lives, however we can grab it.

However you grab your moments of calm, meditation, and happiness, never be ashamed of taking care of yourself.

See also…

Rediscovering music: If Spotify exposes you to new music other people are listening to, Last.fm helps remind you of great music in your existing collection that may have slipped your mind.

For love of pixels: Stroll with us down memory lane as we celebrate the pearl anniversary of pixel art creation’s primary progenitor, and some of the many artists and design languages it inspired.

Categories
A Book Apart A Feed Apart A List Apart An Event Apart Applications architecture Best practices Career client services Community conferences creativity CSS Design Designers Education eric meyer experience Formats glamorous Happy Cog™ Ideas industry Information architecture launches links maturity Mentoring Networks people social media social networking software Standards State of the Web Stories Teaching The Essentials The Profession twitter User Experience UX Web Design Web Design History wisdom

“Where the people are”

It’s nearly twenty years ago, now, children. Facebook had only recently burst the bounds of Harvard Yard. Twitter had just slipped the bonds of the digital underground. But web geeks like me still saw “social media” as a continuation of the older digital networks, protocols, listservs, and discussion forums we’d come up using, and not as the profound disruption that, partnered with smartphones and faster cellular networks, they would soon turn out to be. 

So when world-renowned CSS genius Eric Meyer and I, his plodding Dr Watson, envisioned adding a digital discussion component to our live front-end web design conference events, our first thought had been to create a bespoke one. We had already worked with a partner to adapt a framework he’d built for another client, and were considering whether to continue along that path or forge a new one.

And then, one day, I was talking to Louis Rosenfeld—the Prometheus of information architecture and founder of Rosenfeld Media. I told Lou about the quest Eric and I were on, to enhance An Event Apart with a private social network, and shared a roadblock we’d hit. And Lou said something brilliant that day. Something that would never have occurred to me. He said: “Why not use Facebook? It already exists, and that’s where the people are.”

The habit of building

Reader, in all my previous years as a web designer, I had always built from scratch or worked with partners who did so. Perhaps, because I ran a small design agency and my mental framework was client services, the habit of building was ingrained. 

After all, a chief reason clients came to us was because they needed something we could create and they could not. I had a preference for bespoke because it was designed to solve specific problems, which was (and is) the design business model as well as the justification for the profession. 

Our community web design conference had a brand that tied into the brand of our community web design magazine (and soon-to-emerge community web design book publishing house). All my assumptions and biases were primed for discovery, design, development, and endless ongoing experiments and improvements.

Use something that was already out there? And not just something, but a clunky walled garden with an embarrassing origin story as a hot-or-not variant cobbled together by an angry, virginal undergraduate? The very idea set off all my self-protective alarms.

A lesson in humility

Fortunately, on that day, I allowed a strong, simple idea to penetrate my big, beautiful wall of assumptions.

Fortunately, I listened to Lou. And brought the idea to Eric, who agreed.

The story is a bit more complicated than what I’ve just shared. More voices and inputs contributed to the thinking; some development work was done, and a prototype bespoke community was rolled out for our attendees’ pleasure. But ultimately, we followed Lou’s advice, creating a Facebook group because that’s where the people were. 

We also used Twitter, during its glory days (which coincided with our conference’s). And Flickr. Because those places are where the people were. 

And when you think about it, if people already know how to use one platform, and have demonstrated a preference for doing so, it can be wasteful of their time (not to mention arrogant) to expect them to learn another platform, simply because that one bears your logo.

Intersecting planes of simple yet powerful ideas

Of course, there are valid reasons not to use corporate social networks. Just as there are valid reasons to only use open source or free software. Or to not eat animals. But those real issues are not the drivers of this particular story. 

This particular story is about a smart friend slicing through a Gordian Knot (aka my convoluted mental model, constructed as a result of, and justification for, how I earned a living), and providing me with a life lesson whose wisdom I continue to hold close.

It’s a lesson that intersects with other moments of enlightenment, such as “Don’t tell people who they are or how they should feel; listen and believe when they tell you.” Meet people where they are. It’s a fundamental principle of good UX design. Like pave the cowpaths. Which is really the same thing. We take these ideas for granted, now.

But once, and not so long ago, there was a time. Not one brief shining moment that was known as Camelot. But a time when media was no longer one-to-many, and not yet many-to-many. A time when it was still possible for designers like me to think we knew best. 

I’m glad a friend knew better.

Afterword

I started telling this story to explain why I find myself posting, sometimes redundantly, to multiple social networks—including one that feels increasingly like Mordor. 

I go to them—even the one that breaks my heart—because, in this moment, they are where the people are. 

Of course, as often happens, when I begin to tell a story that I think is about one thing, I discover that it’s about something else entirely.

Categories
Advertising Apple content Design Formats Publishing State of the Web Typography Usability User Experience

This Week In The Death of Publishing & The Web

FAST COMPANY writes:

Apple, like Facebook, has entered into a standoff with the publishing industry and the open, if for-profit, web. And it’s being done under the aegis of design: choose a better reading experience on our curated platform, they offer, or let us clean up that pesky advertising on the open web.

Source: Apple Saves Publishing… For Itself

N.B. This is not the first time this conversation has arisen, nor will it be the last. Off the top of my head, see also:

? Is the web under threat? Will Facebook or Apple kill or save journalism? Share your thoughts or your favorite links on the subject. Bonus points for older articles.

Categories
Authoring Design development Formats Future-Friendly State of the Web

The Web is not Poor Man’s Native | in progress

Chris WilsonTAKE A LOOK in dev tools; maybe you don’t need a couple of dozen trackers on every page.

Chris Wilson on why Web vs. Native is the wrong question, and what web developers can do to maximize the web’s strengths instead of undercutting them by over-relying on heavy frameworks designed to emulate native apps.

Source: The Web is not Poor Man’s Native | in progress

Categories
Design development Formats HTML HTML5 Products software State of the Web Tools

HTML5 Video Player II

JOHN DYER’S MediaElement.js bills itself as “HTML5 <video> and <audio> made easy”—and that’s truly what it is:

For complete information, visit mediaelementjs.com.

Hat tip: Roland Dubois.

Categories
An Event Apart Announcements Appearances apps Atlanta Authoring Best practices business cities client services clients Code Community Compatibility conferences content content strategy creativity CSS CSS3 Design Designers development editorial Education eric meyer events Fonts Formats glamorous Happy Cog™ HTML HTML5 Ideas industry Information architecture interface IXD Jeremy Keith Platforms Real type on the web Redesigns Responsive Web Design Scripting speaking spec Standards State of the Web The Profession Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit webtype work Working Zeldman

An Event Apart Atlanta 2011

YOU FIND ME ENSCONCED in the fabulous Buckhead, Atlanta Intercontinental Hotel, preparing to unleash An Event Apart Atlanta 2011, three days of design, code, and content strategy for people who make websites. Eric Meyer and I co-founded our traveling web conference in December, 2005; in 2006 we chose Atlanta for our second event, and it was the worst show we’ve ever done. We hosted at Turner Field, not realizing that half the audience would be forced to crane their necks around pillars if they wanted to see our speakers or the screen on which slides were projected.

Also not realizing that Turner Field’s promised contractual ability to deliver Wi-Fi was more theoretical than factual: the venue’s A/V guy spent the entire show trying to get an internet connection going. You could watch audience members twitchily check their laptops for email every fourteen seconds, then make the “no internet” face that is not unlike the face addicts make when the crack dealer is late, then check their laptops again.

The food was good, our speakers (including local hero Todd Dominey) had wise lessons to impart, and most attendees had a pretty good time, but Eric and I still shudder to remember everything that went wrong with that gig.

Not to jinx anything, but times have changed. We are now a major three-day event, thanks to a kick-ass staff and the wonderful community that has made this show its home. We thank you from the bottoms of our big grateful hearts.

I will see several hundred of you for the next three days. Those not attending may follow along:

Categories
"Digital Curation" Adobe Formats glamorous Usability User Experience UX Zeldman

Jeffrey Zeldman signs a contract the modern way.

Jeffrey Zeldman Signs a Contract the Modern Way from Monkey Do! on Vimeo.

Categories
A Book Apart A List Apart Adobe An Event Apart Apple architecture art direction Authoring Best practices Big Web Show client services Code content content strategy creativity CSS CSS3 Dan Benjamin Design DWWS E-Books editorial Education eric meyer Fonts Formats Free Advice Happy Cog™ Haters industry Information architecture interface ipad iphone IXD javascript links maturity New Riders peachpit Publications Publishing Real type on the web Respect Responsibility Responsive Web Design Standards State of the Web tbws The Big Web Show The Essentials The Profession This never happens to Gruber Typekit Typography Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit Websites webtype work Working writing Zeldman zeldman.com

2010: The Year in Web Standards

WHAT A YEAR 2010 has been. It was the year HTML5 and CSS3 broke wide; the year the iPad, iPhone, and Android led designers down the contradictory paths of proprietary application design and standards-based mobile web application design—in both cases focused on user needs, simplicity, and new ways of interacting thanks to small screens and touch-sensitive surfaces.

It was the third year in a row that everyone was talking about content strategy and designers refused to “just comp something up” without first conducting research and developing a user experience strategy.

CSS3 media queries plus fluid grids and flexible images gave birth to responsive web design (thanks, Beep!). Internet Explorer 9 (that’s right, the browser by Microsoft we’ve spent years grousing about) kicked ass on web standards, inspiring a 10K Apart contest that celebrated what designers and developers could achieve with just 10K of standards-compliant HTML, CSS, and JavaScript. IE9 also kicked ass on type rendering, stimulating debates as to which platform offers the best reading experience for the first time since Macintosh System 7.

Even outside the newest, best browsers, things were better than ever. Modernizr and eCSStender brought advanced selectors and @font-face to archaic browsers (not to mention HTML5 and SVG, in the case of Modernizr). Tim Murtaugh and Mike Pick’s HTML5 Reset and Paul Irish’s HTML5 Boilerplate gave us clean starting points for HTML5- and CSS3-powered sites.

Web fonts were everywhere—from the W3C to small personal and large commercial websites—thanks to pioneering syntax constructions by Paul Irish and Richard Fink, fine open-source products like the Font Squirrel @Font-Face Generator, open-source liberal font licensing like FontSpring’s, and terrific service platforms led by Typekit and including Fontdeck, Webtype, Typotheque, and Kernest.

Print continued its move to networked screens. iPhone found a worthy adversary in Android. Webkit was ubiquitous.

Insights into the new spirit of web design, from a wide variety of extremely smart people, can be seen and heard on The Big Web Show, which Dan Benjamin and I started this year (and which won Video Podcast of the Year in the 2010 .net Awards), on Dan’s other shows on the 5by5 network, on the Workers of the Web podcast by Alan Houser and Eric Anderson, and of course in A List Apart for people who make websites.

Zeldman.com: The Year in Review

A few things I wrote here at zeldman.com this year (some related to web standards and design, some not) may be worth reviewing:

iPad as the New Flash 17 October 2010
Masturbatory novelty is not a business strategy.
Flash, iPad, and Standards 1 February 2010
Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design. Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first.
An InDesign for HTML and CSS? 5 July 2010
while our current tools can certainly stand improvement, no company will ever create “the modern day equivalent of Illustrator and PageMaker for CSS, HTML5 and JavaScript.” The assumption that a such thing is possible suggests a lack of understanding.
Stop Chasing Followers 21 April 2010
The web is not a game of “eyeballs.” Never has been, never will be. Influence matters, numbers don’t.
Crowdsourcing Dickens 23 March 2010
Like it says.
My Love/Hate Affair with Typekit 22 March 2010
Like it says.
You Cannot Copyright A Tweet 25 February 2010
Like it says.
Free Advice: Show Up Early 5 February 2010
Love means never having to say you’re sorry, but client services means apologizing every five minutes. Give yourself one less thing to be sorry for. Take some free advice. Show up often, and show up early.

Outside Reading

A few things I wrote elsewhere might repay your interest as well:

The Future of Web Standards 26 September, for .net Magazine
Cheap, complex devices such as the iPhone and the Droid have come along at precisely the moment when HTML5, CSS3 and web fonts are ready for action; when standards-based web development is no longer relegated to the fringe; and when web designers, no longer content to merely decorate screens, are crafting provocative, multi-platform experiences. Is this the dawn of a new web?
Style vs. Design written in 1999 and slightly revised in 2005, for Adobe
When Style is a fetish, sites confuse visitors, hurting users and the companies that paid for the sites. When designers don’t start by asking who will use the site, and what they will use it for, we get meaningless eye candy that gives beauty a bad name.

Happy New Year, all!

Categories
Accessibility Adobe Advocacy Apple Applications apps architecture art direction Authoring Best practices business development E-Books editorial Flash Formats Free Advice glamorous HTML HTML5 industry ipad iphone Publications Publishing Responsibility Standards State of the Web The Essentials W3C Web Design Web Design History Web Standards

iPad as the new Flash


Jeffrey Zeldman Presents

iPad. Never have so many embraced a great product for exactly the wrong reasons.

Too many designers and publishers see the iPad as an opportunity to do all the wrong things—things they once did in Flash—without the taint of Flash.

In the minds of many, the iPad is like Flash that pays. You can cram traditional publishing content into an overwrought, novelty Flash interface as The New York Times once did with its T magazine. You may win a design award but nobody will pay you for that content. Ah, but do the same thing on the iPad instead, and subscribers will pay—maybe not enough to save publishing, but enough to keep the content coming and at least some journalists, editors, and art directors employed.

It’s hard to argue with money and jobs, and I wouldn’t dream of doing so.

Alas, the early success of a few publications—publications so good they would doubtless survive with or without iPad—is creating a stampede that will not help most magazines and interfaces that will not please most readers.

Everything we’ve learned in the past decade about preferring open standards to proprietary platforms and user-focused interfaces to masturbatory ones is forgotten as designers and publishers once again scramble to create novelty interfaces no one but them cares about.

While some of this will lead to useful innovation, particularly in the area of gestural interfaces, that same innovation can just as readily be accomplished on websites built with HTML, CSS, and JavaScript—and the advantage of creating websites instead of iPad apps is that websites work for everyone, on browsers and devices at all price points. That, after all, is the point of the web. It’s the point of web standards and progressive enhancement.

Luke Wroblewski’s Touch Gesture Reference Guide gives designers plenty of ammunition to create dynamic user experiences that work on a wide variety of mobile phones and devices (including iPad) while these same sites can use traditional desktop browser effects like hover to offer equally rich experiences on non-touch-enabled browsers. Unless your organization’s business model includes turning a profit by hiring redundant, competing teams, “Write once, publish everywhere” makes more economic sense than “Write once, publish to iPad. Write again, publish to Kindle. Write again, publish to some other device.”

I’m not against the iPad. I love my iPad. It’s great for storing and reading books, for browsing websites, for listening to music and watching films, for editing texts, presentations, and spreadsheets, for displaying family photos, and on and on. It’s nearly all the stuff I love about my Mac plus a great ePub reader slipped into a little glass notebook I play like a Theremin.

I’m not against iPad apps. Twitterific for iPad is by far the best way to use Twitter. After all, Twitter is really an internet service, not a website; Twitter’s own site, while leaps ahead of where it used to be, is hardly the most useful or delightful way to access its service. Gowalla for iPad is my constant companion. I dread the idea of traveling without it. And there are plenty of other great iPad apps I love, from Bloom, an “endless music machine” by Brian Eno and Peter Chilvers, to Articles, which turns Wikipedia into an elegant reading experience, to Mellotronics for iPad, an uncannily accurate Mellotron simulator packed with 13 authentic voices—“the same production tapes featured on Strawberry Fields Forever” and other classic tracks (not to mention tracks by nouveau retro bands like Eels).

There are apps that need to be apps, demand to be apps, and I admire and learn from them like every other designer who’s alive at this moment.

I’m just not sold on what the magazines are doing. Masturbatory novelty is not a business strategy.

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

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.

Categories
A Book Apart Acclaim Advocacy Announcements Apple Best practices Formats HTML HTML5 industry Jeremy Keith Products Publications Publishing

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!

Categories
Apple Applications apps art direction Code Dan Benjamin Design downloads Formats Google ipad iphone mobile The Big Web Show

Design Apps for Fun and Profit

Josh, Williams, CEO of Gowalla. Photo: Keegan Jones.

Update! Episode 14 is now available for your listening and viewing pleasure at 5by5.tv.

Josh Williams, founder of Gowalla, is our guest at 1:00 PM ET today, July 29, in Episode 14 of The Big Web Show. Whether you’re a social media user/creator, an entrepreneur, an application developer, an iconist or illustrator, a freelancer with big dreams, an API wizard, a devotee of marketing 2.0, a web designer, a Gowalla fan, or what, you won’t want to miss this episode.

The Big Web Show is taped in front of a live internet audience, and you can be part of it. Join co-host Dan Benjamin and me at 1:00 PM ET today to participate in the live taping of Episode 14.

If you miss the live taping, you can watch the show on our website or via iTunes later tonight.

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: Keegan Jones.

Categories
Adobe Apple Design Flash Formats HTML5 The Essentials

Apple Responds

Apple responds to the Adobe "We love Apple" ad.

Via yfrog.com/83n4fp. See also:


Categories
Acclaim Formats Publications Publishing SXSW

Should Publishers Attend SXSW?

In Should Publishers Attend SXSW?, Lorraine Shanley of Publishing Trends answers her own question this way:

Yes, because sxsw offers a chance to see options for the future—amazing gaming, interactive software, inventive marketing, creative content development and deployment. But as Will Schwalbe … said, “If publishers come to sxsw to create their own sessions track, they’ll learn nothing. If they come to attend panels on subjects about which they know nothing, they’ll learn an enormous amount.”

The PDF version of the April issue includes additional SXSW coverage (with nice things said about our panel and A Book Apart), data on how different generations find books, search engine conversion strategies, and more.

Download PDF.

Categories
A List Apart Design E-Books Flash Formats HTML HTML5 ipad Standards State of the Web XHTML

E-books, Flash, and Standards

In Issue No. 302 of A List Apart for people who make websites, Joe Clark explains what E-book designers can learn from 10 years of standards-based web design, and Daniel Mall tells designers what they can do besides bicker over formats.

Web Standards for E-books

by Joe Clark

E-books aren’t going to replace books. E-books are books, merely with a different form. More and more often, that form is ePub, a format powered by standard XHTML. As such, ePub can benefit from our nearly ten years’ experience building standards-compliant websites. That’s great news for publishers and standards-aware web designers. Great news for readers, too. Our favorite genius, Joe Clark, explains the simple why and how.

Flash and Standards: The Cold War of the Web

by Daniel Mall

You’ve probably heard that Apple recently released the iPad. The absence of Flash Player on the device seems to have awakened the HTML5 vs. Flash debate. Apparently, it’s the final nail in the coffin for Flash. Either that, or the HTML5 community is overhyping its still nascent markup language update. The arguments run wide, strong, and legitimate on both sides. Yet both sides might also be wrong. Designer/developer Dan Mall is equally adept at web standards and Flash; what matters, he says, isn’t technology, but people.

Illustration by Kevin Cornell for A List Apart.