Categories
A List Apart An Event Apart Appearances Best practices better-know-a-speaker conferences content content strategy creativity CSS CSS3 Curation Design Designers engagement eric meyer Happy Cog™ HTML HTML5 Ideas Images industry Minneapolis people photography Responsive Web Design Typography Usability User Experience UX W3C Web Design Web Standards webfonts Zeldman

Minneapolis Remembered

Eric Meyer at An Event Apart Minneapolis - photo by Jared Mehle

The show’s over but the photos linger on. An Event Apart Minneapolis was two days of nonstop brilliance and inspiration. In an environment more than one attendee likened to a “TED of web design,” a dozen of the most exciting speakers and visionaries in our industry explained why this moment in web design is like no other.

If you were there, relive the memories; if you couldn’t attend, steal a glance at some of what you missed: An Event Apart Minneapolis: the photo pool at Flickr.

Next up: An Event Apart DC and San Diego. These shows will not be streamed, simulcast, or repackaged in DVD format. To experience them, you must attend. Tickets are first-come, first-served, and every show this year has sold out. Forewarned is forearmed; we’d love to turn you on.


Photo: Jared Mehle.

Categories
Acclaim Applications apps architecture art direction Authoring Best practices Browsers business Career Code creativity CSS Design development HTML HTML5 Ideas industry interface ipad iphone javascript links maturity Photoshop Platforms Publishing Standards State of the Web Stories The Profession Web Design Web Design History Web Standards

SlideShowPro adds HTML5

Todd Dominey at Happy Cog.

Most of us web folk are hybrids of one sort or another, but Todd Dominey was one of the first web designers to combine exceptional graphic design talent with serious mastery of code.

Being so good at both design and development that you could easily earn a fine living doing just one of them is still rare, although it looks like the future of our profession. One of the first serious designers to embrace web standards, Todd was also one of the few who did so while continuing to achieve recognition for his work in Flash. (Daniel Mall, who came later, is another.)

Finally, Todd was one of the first—along with 37signals and Coudal Partners—to abandon an enviably successful client services career in favor of full-time product development, inspiring a generation to do likewise, and helping bring us to our current world of web apps and startups.

A personal project that became an empire

In Todd’s case, the product was SlideShowPro, a project he designed for himself, which has grown to become the web’s most popular photo and video slideshow and gallery viewer. When you visit a photographer’s portfolio website, there’s an excellent chance that SlideShowPro powers its dynamic photo viewing experience. The same is true for the photo and video gallery features of many major newspaper and magazine sites, quite possibly including your favorites.

SlideShowPro

But deliberate lack of Flash support in the iPad and iPhone, while lauded here on February 1, 2010 as 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”), presented a serious problem for developers who use SlideShowPro and readers who enjoy browsing dynamic photo and video galleries.

Mr Dominey has now solved that problem:

SlideShowPro Mobile is an entirely new media player built using HTML5 that doesn’t require the Flash Player plugin and can serve as a fallback for users accessing your web sites using these devices. But it’s not just any fallback — it’s specially designed for touch interfaces and smaller screen sizes. So it looks nothing like the SlideShowPro player and more like a native application that’s intuitive, easy to use, and just feels right.

The best part though is that because SlideShowPro Director (which will be required) publishes the mobile content, you’ll be able to provide the mobile alternative by simply updating the Flash Player embed code in your HTML documents. And just like when using the SlideShowPro player, because Director is behind the scenes, all your photos will be published for the target dimensions of these devices — which gives your users top quality, first generation images. The mobile player will automatically load whatever content is assigned to the Flash version, so the same content will be accessible to any browser accessing your web site.

A public beta will be released in the next weeks. Meanwhile, there is a video demo. There’s also an excellent Question and Answer page that answers questions you may have, whether you’re a SlideShow Pro customer or not. For instance:

Why mobile? Why not desktop?

We believe that (on the desktop) Flash is still the best delivery method for photo/video galleries and slideshows for it provides the most consistent user experience across all browsers and the broadest range of playback and customization options. As HTML5 support matures across all desktop browsers, we’ll continue to look into alternate presentation options.

Into the future!

Categories
37signals Acclaim Announcements Appearances Applications apps Authoring Best practices better-know-a-speaker business Chicago client services Code Coudal Partners Design ethics HTML Ideas industry interface Interviews Journalism at its Finest Press Products Publications Publishing Respect Ruby on Rails Small Business State of the Web The Big Web Show The Essentials The Profession User Experience

37signals’ Jason Fried live today on The Big Web Show

I have known 37signals CEO Jason Fried since he was a young copywriter who reminded me of me, only smarter and more confident. Like many of you, with a mixture of awe and pleasure, I have watched him change our industry, along with book publishing and business generally. Dan Benjamin and I are delighted to announce the mercurial Mr Fried as our guest on The Big Web Show. Join us today, 1 July 2010, for the live taping at 1:00 PM ET.

Jason’s official bio is brief, but he can write at length when he wishes: see Rework, Getting Real, and Defensive Web Design, each a classic, and to each of which he was principal co-writer and guiding force. Besides saying no to meetings, contracts, and VC money, Jason and 37signals are famous for godfathering a speedy, iterative form of web application design; for gifting the industry with Ruby on Rails; for creating a suite of beloved (yes, really) business productivity web apps; for mastering and then abandoning client services in favor of making stuff; for somehow, in the midst of all that busyness, churning out tons of fine content on their popular blog; and for being roommates with the equally fantastic Coudal Partners.

Can’t wait to interview Jason Fried in front of a live internet audience today. Hope you’ll join us.

The Big Web Show 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 © John Morrison – Subism.com

Categories
A Book Apart A List Apart Accessibility Best practices Blogs and Blogging books Design Ideas The Essentials Usability User Experience UX Web Design Web Design History Web Standards

Responsive design is the new black

Collylogic.com, retooled as responsive design. The wide version.

The blog of Mr Simon Collison, retooled as responsive web design. The wide version.

Collylogic.com, retooled as responsive design. The narrow version.

The blog of Mr Simon Collison, retooled as responsive web design. The narrow version.

See more versions in Mr Collison’s “Media Query Layouts” set on Flickr.

Read the article that started it all. Coming soon as a book by Mr Ethan Marcotte from A Book Apart. (The current A Book Apart book, Mr Jeremy Keith’s HTML5 For Web Designers, ships Friday. Mr Ethan Marcotte will be our guest this Thursday, June 24, on The Big Web Show. Synchronicity. It’s not just an LP by The Police. Kids, ask your parents.)

The beauty of responsive web design becomes obvious when you see your site in smart phones, tablets, and widescreen desktop browsers. It’s as if your site was redesigned to perfectly fit that specific environment. And yet there is but one actual design—a somewhat plastic design, if you will. An extensible design, if you prefer. It’s what some of us were going for with “liquid” web design back in the 1990s, only it doesn’t suck. Powered by CSS media queries, it’s the resurrection of a Dao of Web Design and a spiffy new best practice. All the kids are doing it.

Well, anyway, some of the cool ones are. See also the newly retooled-per-responsive-design Journal by Mr Hicks. Hat tip: Mr Stocks. I obviously have some work to do on this site. And you may on yours.

Seen any good responsive redesigns lately?


Categories
A Feed Apart An Event Apart better-know-a-speaker Boston Community conferences content content strategy creativity CSS Design engagement eric meyer events glamorous HTML5 Ideas industry Information architecture interface Standards State of the Web The Profession W3C Web Design Web Standards XHTML

Boston Bound

Plane travel versus train travel, that sort of thing.

Morning finds me bound by train for Boston, capital of Massachusetts, land of Puritans, patriots, and host of the original Tea Party. Center of high technology and higher education. Where the John Hancock Tower signs its name in the clouds, and the sky-scraping Prudential Tower adds a whole new meaning to the term, “high finance.” Beantown. Cradle of liberty, Athens of America, the walking city, and five-time host to An Event Apart, which may be America’s leading web design conference. (You see what I did there?)

Over 500 advanced web design professionals will join co-host Eric Meyer and me in Boston’s beautiful Back Bay for two jam-packed days of learning and inspiration with Dan Cederholm, Andy Clarke, Kristina Halvorson, Jeremy Keith, Ethan Marcotte, Jared Spool, Nicole Sullivan, Jeff Veen, Aarron Walter, and Luke Wroblewski.

If you can’t attend the sold-out show, which begins Monday, May 24, you can follow the live Tweetage via the souped-up, socially-enriched, aesthetically tricked out new version of A Feed Apart, whose lights go on this Sunday, May 23. Our thanks to developers Nick Sergeant, Pete Karl II, and their expanded creative team including Steve Losh and Ali M. Ali. We and they will have more to say about the project soon. For now, you can always read our 2009 interview with Nick and Pete or sneak a peek on Dribbble.

There’s also a Flickr photo group and an interstitial playlist, so you can ogle and hum along from your favorite cubicle or armchair.

See you around The Hub or right here on the world wide internets.


Categories
Dan Benjamin HTML5 Ideas industry Interviews podcasts The Big Web Show Zeldman

Big Web Show Today

The Big Web Show

Live today at 1:00 PM Eastern, watch Jeremy Keith, author of HTML5 For Web Designers, discuss markup and other matters with Dan Benjamin and me on The Big Web Show. Your live calls are welcome.

  1. The Big Web Show
  2. Episode 1: Web Fonts
  3. HTML5 For Web Designers
  4. Jeremy Keith

Categories
dreams Existence glamorous Grief Ideas The Mind Wah!

Sleep never sleeps

Dreamed my parents were getting divorced. I’d be asking my momma why, and she would turn into my wife.

The conscious mind deals with what is in front of you, the unconscious processes what has yet to be behind you.


Categories
Adobe Community creativity Design events Fun Ideas Photoshop

Layer Tennis Around the World

Layer Tennis around the world - Friday at 2:00 PM CT.

Around the world in ten layers with Coudal Partners: Ten designers in ten cities, fifteen minutes at a time. A single Photoshop file will circumnavigate the globe starting in Portland and ending in Tokyo with yours truly, Jeffrey Zeldman, providing the layer-by-layer commentary. Don’t miss this one, live Friday, starting at 2pm Chicago time.

Coudal Partners’ Layer Tennis presented by Adobe Creative Suite.


Categories
art direction Ideas Products

George Lois Tee

George Lois tee shirt

TypographyShop presents the first design in its new series, the Ten Commandments of George Lois, created with the approval and cooperation of the hall of fame art director himself.

The new shirt reads: “Great ideas can’t be tested. Only mediocre ideas can be tested.” Sport it at your next client meeting. Wear it, live it.

Younger readers may ask, “Who is George Lois?” Typography Shop supplies a mini-bio:

From his groundbreaking work at Doyle Dane Bernbach to his controversial Esquire covers to “I want my MTV,” George Lois has carved a career sans equal in the advertising industry. … George chose this design from among our treatments. Set in Franklin Gothic No. 2, designed by Morris Fuller Benton in 1902 and News Gothic, a related 1908 Benton creation.

Look for more George Lois shirts coming soon from Typography Shop.

Full disclosure: there will be Zeldman shirts coming as well.


Categories
"Digital Curation" Advocacy Authoring books business Community content content strategy copyright creativity Culture Curation Damned Fine Journalism democracy Design downloads E-Books Education ethics glamorous Google Ideas industry Little People Luls Microauthoring Publications Publishing Respect social networking Standards State of the Web The Essentials The Profession theft writing

Crowdsourcing Dickens

As an experiment in new new media thinking, I recently crowdsourced a new new literature version of Charles Dickens’s musty old old old lit chestnut, Great Expectations—the familiar tale of Pip, Ms Havisham, the convict Magwitch, et al.

Creative excellence and spin-worthy results required a pool of 10,000 people who had never read Great Expectations. Fortunately, I had access to 10,000 recent American college graduates, so that was no problem.

To add a dab of pseudoscience and appeal obliquely to the copyleft crowd, I remixed the new work’s leading literary themes with the top 20 Google search queries, using an algorithm I found in the mens room at Penn Station.

The result was a work of pure modern genius, coming soon to an iPad near you. (Profits from the sale will be used to support Smashing Magazine’s footer and sidebar elements.)

Gone was the fusty old title. Gone were the cobwebbed wedding cake and other dare I say emo images. It was goodbye to outdated characters like Joe the blacksmith and the beautiful Estella, farewell to the love story and the whole careful parallel between that thing and that other thing.

Gone too was the tired old indictment of the Victorian class system, and by implication of all economic and social systems that separate man from his brothers in Christ, yada yada. As more than one of my young test subjects volunteered in a follow-up survey, “Heard it.”

In place of these obsolete narrative elements, the students and the prioritized Google searches created, or dare I say curated, a tale as fresh as today’s algorithmically generated headlines.

The results are summarized in the table below.

Old Great Expectations New Great Expectations
On Christmas Eve, Pip, an orphan being raised by his sister, encounters the convict Magwitch on the marshes. n/a
The convict compels Pip to steal food from his sister’s table, and a file from her husband the blacksmith’s shop. Pip thereby shares the convict’s guilt and sin—but his kindness warms the convict’s heart. Guy on girl
Pip’s sister, Mrs. Joe, abuses him. Her husband loves Pip but is unable to protect him or offer him a future beyond blacksmithing. Girl on girl (multiple entries)
Pip meets Miss Havisham, an old woman abandoned on her wedding day, who sits in her decrepit house, wearing a yellowing wedding gown, her only companion the beautiful and mysterious girl Estella. Pip falls in love with Estella, but Miss Havisham has trained the girl to break men’s hearts. Guy on guy
Pip visits Miss Havisham until his apprenticeship with Joe the blacksmith begins. Pip hates being a blacksmith and worries that Estella will see him as common. Two girls, one guy
Mrs Joe suffers a heart attack that leaves her mute. A kind girl named Biddy comes to take care of Mrs Joe. After Mrs Joe’s death, Biddy and Joe will marry. Meanwhile, Pip comes into an unexpected inheritance and moves to London, where he studies with a tutor and lives with his friend Herbert. Dragons
Pip believes Miss Havisham is his benefactor and that she intends him to marry Estella, whom he still adores. Day by day, Estella grows more cruel. Pip never tells her of his love for her. Wizards
One stormy night, Pip discovers that his benefactor is not Miss Havisham but the convict Magwitch. The news crushes Pip, but he dutifully allows Magwitch to live with him—worrying, all the while, because Magwitch is a wanted man who will be hanged if discovered. Explosions
Miss Havisham repents having wasted her life and perverted Estella. She is caught in a fire. Pip heroically saves her but she later dies from her burns. Soon afterwards, Pip and Herbert try to help Magwitch escape, but Magwitch’s old enemy Compeyson—who happens to be the man who abandoned Miss Havisham at the altar—betrays Magwitch to the authorities. Magwitch and Compeyson struggle. Compeyson dies and Magwitch is taken to prison. Gunfights
Pip now realizes that Magwitch is a decent man and tries to make Magwitch’s last years happy ones. He also discovers that Magwitch is Estella’s father. Magwitch dies in prison shortly before he was to be executed. Pip tells the dying Magwitch of his love for Estella. Fistfights
Pip becomes ill and is nursed back to health by Joe, whom Pip recognizes as a good man in spite of his lack of education and “class.” Pip goes into business overseas with Herbert. Eventually he returns to England and visits Joe, who has married Biddy. They have a child named Pip. As the book ends, the middle-aged Pip makes one last visit to Miss Havisham’s house, where he discovers an older and wiser Estella. There is the implication that Pip and Estella may finally be together. Anal
Categories
Design Ideas industry javascript launches Markup microformats Standards State of the Web The Essentials User Experience UX

Gowalla My Dreams

What if Gowalla and Foursquare could communicate seamlessly with Address Book? What if Google Maps contained the postal address, company names, and primary phone numbers of every pin on the map? All this information could be marked up in Microformats and standard HTML on optional detail pages you could visit with a click from your web browser or phone. Heck, while we’re at it, let’s add Bump, an iPhone app that lets two people share contact data the same way they share DNA—except that in this case they bump iPhones.

What if every time you used Gowalla to check into or found a spot, you had the option to add that spot’s street address, company name(s), and so on to your Address Book? Imagine meeting a potential client for the first time in an unfamiliar city or neighborhood. No longer simply a passive repository of spots you create, Gowalla or Foursquare could function as a guide, helping you locate the unfamiliar address to make your meeting on time.

As you check into your meeting in reality, you could notify not only Facebook and Twitter (as you can today) but also Basecamp, which would optionally check off a radio box, marking you as having arrived at your meeting.

Something like this (and much more than this) will surely happen soon, thanks to APIs and ubiquitous standard platforms. You just feel, when you’re around people developing the best new web software, that something new is happening, and that many strands are coming together.

We used to imagine a dystopian future in which Big Brother knew everything you did. Later it was the machines that knew. We’ve been talking about ubiquitous computing for years, and we’ve pictured it happening somehow without necessarily addressing the how—that is, some of the brightest and most inspiring futurists have concerned themselves more with the ethical and cultural transformative dimensions of ubiquitous computing than with the technical nuts and bolts of how it’s supposed to get done.

I’m thinking the nuts and bolts are here. To me it seems that it is already happening. The web is the platform. HTML, CSS, JavaScript/JQuery, Ruby, and PHP are the tools. I’m thinking an uplifting (non-dystopian) ubiquitous computing is going to get done with the stuff we already use every day. Am I dreaming?


Categories
Authoring Community content Design Ideas industry launches links podcasts Publishing

Hear This!

Dan Benjamin, creator of wonderful websites, apps, broadcasts, and platforms and longtime friend of A List Apart and your host, introduces a new venture.

5 by 5 Studios is a new internet broadcasting network, home to shows like EE Podcast, Tack Sharp, The Dev Show, The Ruby Show, and Utility Belt, releasing new episodes every week.

As part of the launch, 5 by 5 announces two new shows hosted by Dan:

NOTE: I’m pleased as punch to be the first Pipeline guest. Come hear us on Friday, January 29th, 2010.


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

Posthumous Hosting and Digital Culture

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.


Categories
Design Gifts Ideas iphone

Wig out

Glamourpuss: The Enchanting World of Kitty Wigs

Seen on Graham Norton, Anderson Cooper 360, Harper’s Bazaar Japan, Business Week, CosmoGirl, and more, Julie Jackson’s Glamourpuss: The Enchanting World of Kitty Wigs makes the perfect holiday gift. Alas, it is temporarily out of stock. But for just 99 cents, you can download the Kittywigs iPhone app. It lets you put straight or curly wigs of every color and variety on your favorite cats, dogs, or other friends. Other fine Julie Jackson products include Subversive Cross Stitch.

Categories
creativity Design flickr Ideas Images photography

This is My Brain on Flickr

The Favorites Project on Flickr

Short URL: zeldman.com/?p=3125

%d bloggers like this: