The world knows that the web has changed everything. It is disrupting assumptions and turning art, politics, business, and publishing on their heads every second of every day, in ways we cannot yet see, and at speeds that defy our ability to understand and Google’s power to index it all.
But the world has not yet paid attention to the web designers, developers, project managers, information architects, writers, editors, marketers, educators, and other professionals who make the web what it is. That’s where you and we come in, and it’s what each year’s survey results are all about.
“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 newer, more mature, more ubiquitous web?”
—The Future of Web Standards by Jeffrey Zeldman
Originally written for .net magazine, Issue No. 206, published 17 August in UK and this month in the US in “Practical Web Design” Magazine. Now you can read the article even if you can’t get your hands on these print magazines.
See also: I Guest-Edit .net magazine.
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.
“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.
A List Apart and .net magazine have long admired each other. So when .net editor Dan Oliver did me the great honor of asking if I wished to guest edit an issue, I saluted smartly. The result is now arriving in subscriber post boxes and will soon flood Her Majesty’s newsstands.
In .net magazine Issue No. 206, on sale 17th August in UK (and next month in the US, where it goes by the name “Practical Web Design”), we examine how new standards like CSS3 and HTML5, new devices like iPhone and Droid, and maturing UX disciplines like content strategy are converging to create new opportunities for web designers and the web users we serve:
- Exult as Luke Wroblewski shows how the explosive growth of mobile lets us stop bowing to committees and refocus on features customers need.
- Marvel as Ethan Marcotte explains how fluid grids, flexible images, and CSS3 media queries help us create precise yet context-sensitive layouts that change to fit the device and screen on which they’re viewed.
- Delight as Kristina Halvorson tells how to achieve better design through coherent content wrangling.
- Thrill as Andy Hume shows how to sell wary clients on cutting-edge design methods never before possible.
- Geek out as Tim Van Damme shows how progressive enhancement and CSS3 make for sexy experiences in today’s most capable browsers—and damned fine experiences in those that are less web-standards-savvy.
You can also read my article, which asks the musical question:
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 newer, more mature, more ubiquitous web?
Today’s web is about interacting with your users wherever they are, whenever they have a minute to spare. New code and new ideas for a new time are what the new issue of .net magazine captures. There has never been a better time to create websites. Enjoy!
Photo by Daniel Byrne for .net magazine. All rights reserved.
Free for use in all web projects, professional or personal, HTML5 Reset by Monkey Do! is a set of HTML5 and CSS templates that jumpstart web development by removing the styling native to each browser, establishing basic HTML structures (title, header, footer, etc.), clearing floats, correcting for IE problems, and more.
Most of us who design websites begin every project with bits and pieces of this kind of code, but developer Tim Murtaugh, who created these files and who modestly thanks everyone in the universe, has struck a near-ideal balance. In these lean, simple files, without fuss or clutter, he manages to give us the best-practices equivalent of everything but the kitchen sink.
Tim Murtaugh sits beside me at Happy Cog, so I’ve seen him use these very files (and earlier versions of them) to quickly code advanced websites. If you’re up to speed on all the new hotness, these files will help you stay that way and work faster. If you’re still learning (and who isn’t?) about HTML5, CSS3, and browser workarounds, studying these files and Tim’s notes about them will help you become a more knowledgeable web designer slash developer. (We need a better name for what we do.)
My daughter calls Mr Murtaugh “Tim the giant.” With the release of this little package, he earns the moniker. Highly recommended.
With respect to clarity, simplicity, and boldness of line, the Japanese have been a thousand years ahead of us in fine art and graphic design. Our best painters learned minimalism, cartooning, and much else from the Japanese during the “Orientalism” period of the late 19th century. Before that, western fine art was judged in part on its complexity and detail. And our posters and advertisements! Don’t ask.
Even the way the Japanese design chopsticks reveals this genius for simplicity coupled with a reverence for the natural world. Your Chinese chopstick is all lathe work. It’s about the gloriously smooth finish of the stick. Chinese chopsticks are miniature masterpieces that we tragically toss away after a single use. But they are masterpieces of human skill.
In contrast, the Japanese don’t change the shape of the wood. They simply put a small crack in one side—just enough that you can snap it like a wishbone when you’re ready to use the chopsticks. The Chinese chopstick is about Man and His Craft. The Japanese chopstick is about the sacred, ephemeral beauty of the revealed world.
Given Japan’s world-leading preference for the boldly simple in the applied and graphic arts, it’s puzzling that so many Japanese website designs prize clutter over clarity. The online presence of Japan’s Ministry of Health, Labor, and Welfare is typical of the style. See also Japan Airlines, stat.go.jp, mora.jp and so on. Even web consultancies show off their capabilities on sites that are models of this strangely cluttered aesthetic—an aesthetic that is doubly strange coming from a culture that has long prized elegant simplicity.
Certainly, the West has its share of crazy cluttered sites, and there are plenty of big Western internet companies like Yahoo and MySpace that paste the content thickly to the page. But here the cluttered approach to design wins no awards and is considered a sign of design amateurism—a guilty pleasure at best. It is odd that in Japan, land of world-leading minimalism in the traditional arts and design, web users and skilled web design practitioners believe more is more.
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.
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!
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.
Episode 7 of The Big Web Show is now online for your listening and viewing pleasure. In this most excellent episode, co-host Dan Benjamin and I talk with special guest Jared Spool about usability testing in the real world, with practical advice for designers, UI engineers, and developers alike.
Jared Spool is the founder of User Interface Engineering, the largest usability research organization of its kind in the world. He’s been working in the field of usability and design since 1978, before the term “usability” was ever associated with computers.
The Big Web Show features special guests and topics like the future of publishing, art direction online, content strategy, web fonts and typography, CMS shootouts, HTML5 and CSS3, building an audience, and more.
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.
See you around The Hub or right here on the world wide internets.
The report from Web Directions’ second “State of Web Development” survey covers “technologies, techniques, philosophies and practices” employed by today’s web professionals. Download the complete (anonymized) set of responses in CSV format, gaze fondly at a PDF infographic overview, or read a detailed analysis online.
It will feature the kinds of topics we discuss here and at A List Apart: topics like the future of publishing and the future of advertising. Art direction online. Content strategy. Content curation. (By the way, whatever happened to editing?) Women and the web. Web fonts and web typography generally. CMS/platform shootouts. HTML5. CSS3. Client services. Product development. Online education. Web design education. Creating independent content. Building an audience. And much more.
With all the guests you hope we’ll get, and plenty you’d never think of.
The show begins within the next two weeks. More will be revealed soon. Keep watching the skies.
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|
Headed to SXSW Interactive? Concerned about the future of books, magazines, and websites? Attend “New Publishing and Web Content,” a panel I’m hosting on the creative, strategic, and marketing challenges of traditional and new (internet hybrid) book publishing and online magazine publishing, and how these fields intersect with content strategy and client services.
Joining me in a thoughtful exploration of new and old business models and creative challenges will be people who’ve spent a decade or two butting up against and reinventing these boundaries:
- Mandy Brown, creative director, Etsy; former creative director (web and print), W.W. Norton, the oldest and largest publishing traditional house owned wholly by its employees; contributing editor, A List Apart Magazine; publisher, A Working Library; and co-director (with Jason Santa Maria and me), A Book Apart, a new publisher of mid-length books “for people who make websites.” (We’re talking book-books, made of paper, printed, bound, and distributed—not PDFs.)
- Paul Ford, critically respected novelist (Gary Benchley, Rock Star) and short fiction writer; blogger since practically the Civil War, most famously of Ftrain.com, where he has penned such classic posts as “Learning to Fear the Semantic Web;” print and web editor, Harper’s, the very definition of a traditional printed magazine of quality—also web developer, designer, and webmaster of Harper’s website since forever; and frequent contributor to The Morning News and to NPR’s “All Things Considered,” where he once offered a dissenting view on “web standards”—not that I’m bitter.
- Lisa Holton, Founder and CEO, Fourth Story Media (“a fresh perspective in storytelling”). The company “develop[s] compelling intellectual property and distribute[s] it across traditional and nontraditional channels including books, collaborative web fiction, and social media.” Previously, Lisa was President of Scholastic Trade Publishing and Book Fairs, where she managed the publication of Harry Potter and the Deathly Hallows and initiated and oversaw development of The 39 Clues, a widely heralded book- and web-based venture. Prior to that, she was SVP and Publisher, Disney Global Children’s Books, running all aspects of the domestic and international children’s book business at the Walt Disney Company. Before that, Lisa was Vice President, Associate Publisher and Editor-in Chief of HarperCollins Children’s Books. She serves on the Board of Directors of the New York Women’s Foundation and the Board of Trustees of the Eric Carle Museum of Picture Book Art.
- Erin Kissane, publisher, Incisive.nu, a website about strong language, writing tools, and other aspects of content strategy; content strategist and editorial strategist, Happy Cog Studios; former editor-in-chief (for ten years), A List Apart Magazine; author of numerous articles on web writing, editing, and content strategy, including “Attack of the Zombie Copy,” “Your About Page is a Robot,” and “Content Templates to the Rescue;” founding strategist, A Book Apart; and author of an upcoming book on content strategy for content strategists.
As moderator, my job will be to let these geniuses speak, to occasionally lob the right question to the right genius, and to help field your questions from the audience.
If you work in web or print publishing, or just care about the written word, please join us at 5:00 PM Central Time in Ballroom A.
(What else am I doing at SXSW Interactive? Here’s my schedule so far. I also hope to see some of you at OK Cog’aoke II, SXSW Interactive’s premiere karaoke event and best party, hosted by your friends at Happy Cog.)
Arc90 Lab’s Readability is a simple and essential tool that “makes reading on the web more enjoyable by removing the clutter around what you’re reading.”
Just choose your settings, install the bookmarklet in your browser’s toolbar, and enjoy content on even the busiest, most poorly-designed sites.
In the past, I’ve cited Readability as a signpost for designers struggling with IE6.
It’s also an invaluable aid to readers who use smart phones.
For instance, here is Roger Ebert’s review of Fellini’s 8 1/2.
On a desktop browser, although it’s not an aesthetically pleasant experience, you can probably read it. On a small iPhone screen, you can’t. It’s a nightmare. It’s everything designers shouldn’t do when they have text by a good writer with an audience of eager readers.
So what’s a reader to do?
Without Readability, there’s nothing you can do, but sigh and close the browser window. With Readability, you can read and actually enjoy what Roger Ebert has to say.