HE DESIGNED the lettering on The New York Public Library and the James Farley Post Office (“neither snow nor rain…”), created titles for silent movies, movie posters, and pulp magazines in the 1920s, and started working for DC Comics in 1938, where he designed the masthead for Action Comics, refined the Superman logo, and brought dozens of DC Comics texts and titles to life. A new exhibit at The Type Directors Club honors Ira Schnapp and sheds light on his decades of influential work.
The interview was conducted by Nick Sherman at TypeLab on June 13, 2015. The website is part of Typographics TypeLab and is a demonstration of what can be done with web typography within 24 hours.
I’VE BEEN BUSY this month:
- Updated! Writing the Book on Web Design, Jeffrey Zeldman interview, Communication Arts Insights, March 24, 2015. “This is the beauty of a design career: you have the opportunity to create what you feel is missing from the world.”
- Zen and the Art of Wearable Markup, by Jeffrey Zeldman, The Pastry Box Project, March 21, 2015. Should my pants understand HTML? (My first Pastry Box piece!)
- You, Inc: Going from Developer to Web agency (interview with Jeffrey Zeldman), by Jeff Pflueger, Pantheon, March 20, 2015. Career tips.
- Interview: Jeffrey Zeldman, PSD To WordPress, March 20, 2015. Cartoons, music, and web design.
- Automan, The Dan Benjamin Show, March 19, 2015. Dan and I discuss the death of Internet Explorer.
- Designing the Web with Jeffrey Zeldman, The Web Ahead, March 18, 2015. Jen Simmons conducts a remarkable, in-depth interview on web design history, the state of web design and development, the future of our medium, and our masochistic love affair with Big Brother.
- Jeffrey Zeldman on What He Wants All Designers to Know, Founder Dating, March 4, 2015. I’m an entrepreneur, and you can, too!
- Jesus and the Uber Driver by Jeffrey Zeldman, Medium, March 3, 2015. The panic and the passion. (My first Medium piece!)
And March is only half over.
UNEXAMINED PRIVILEGE is the real source of cruelty in Facebook’s “Your Year in Review”—a feature conceived and designed by a group to whom nothing terrible has happened yet. A brilliant upper-middle-class student at an elite university conceived Facebook, and college students, as everyone knows, were its founding user group. The company hires recent graduates of expensive and exclusive design programs and pays them several times the going rate to brainstorm and execute exciting new features.
I’m not saying that these brilliant young designers are heartless, or that individuals among them haven’t personally experienced tragedy—that would be mathematically impossible. I have taught some of these designers, and worked with others. Those I’ve known are wonderful people who want to make a difference in the world. And in theory (and sometimes in practice) a platform like Facebook lets them do that.1
But when you put together teams of largely homogenous people of the same class and background, and pay them a lot of money, and when most of those people are under 30, it stands to reason that when someone in the room says, “Let’s do ‘your year in review, and front-load it with visuals,’” most folks in the room will imagine photos of skiing trips, parties, and awards shows—not photos of dead spouses, parents, and children.
So it comes back to this. When we talk about the need for diversity in tech, we’re not doing it because we like quota systems. Diverse backgrounds produce differing points of view. And those differences are needed if we are to put the flowering of internet genius to use actually helping humanity with its many terrifying and seemingly intractable problems.
If we keep throwing only young, mostly white, mostly upper middle class people at the engine that makes our digital world go, we’ll keep getting camera and reminder and hookup apps—things that make an already privileged life even smoother—and we’ll keep producing features that sound like a good idea to everyone in the room, until they unexpectedly stab someone in the heart.
1 Of course, not all my former students and employees work at Facebook; most don’t. But those who have gone there had other, equally lucrative options; they took the job to make Facebook, and maybe the world, a little better.
IN BIG WEB SHOW ? 115 on Mule Radio, I talk with Anil Dash, a hugely influential entrepreneur, blogger, and web geek living in NYC.
Things we discuss include:
How government, media, and tech shape the world, and how we can influence them in turn. Our first meeting at SXSW in 2002. How selling CMS systems teaches you the dysfunction at media companies and organizations. Working for the music industry at the dawn of Napster. RFP-EZ. The early days of blogging.
Designing websites for the government—the procurement problem. If we’re pouring all this time into social media, what do we want to get out of it? How big institutions work and how to have an impact on them. Living in “Joe’s Apartment.”
Why, until recently, federal agencies that wanted a blog couldn’t use WordPress or Tumblr and how the State Dept got on Tumblr. Achieving empathy for institutions. Being more thoughtful about what I share and who I amplify on social media. The launch of Thinkup, and a special offer exclusively for
Sponsored by An Event Apart, the design conference for people who make websites. Save $100 off any 2- or 3-day AEA event with discount code AEABWS.
STOP ME if you’ve heard this one: Guy goes into a venture capital firm, borrows money. Uses money to turn neat idea into product. Gives away product (or sells well below cost) to build a following and thus a demand.
Customers love product, imbue it with their life energy and creativity. Community grows, but not cashflow, because money was something to be figured out later. More investors throw more money at the product, on the theory that what it needs is fancier offices or fifty designers united behind no vision in particular.
Surprisingly (at least to the participants), several rounds of throwing cash and bodies at what was once a neat idea fail to generate ludicrous return on investment. Capitalists demand that product idea be changed.
Change of idea fails to generate ludicrous return on investment. Customers, no longer sure what product is about (or even that it has a future) become less passionate.
Usage falters, then rapidly hits event horizon.
Guy starts shopping no longer loved or interesting product at fire sale price.
Eventually big internet company sucks product and product team into itself, where both disappear forever.
99designs, the Australian company that has made a fortune soliciting spec work (“crowd sourced graphic design”) from naive designers, and selling $99 logo customizations to small businesses, has just invested $460,000 in a new service:
Tweaky, “the marketplace for website customization,” is the ultimate connector between companies that need quick, simple adjustments to their websites, and designer/developers seeking extra income via no-brainer side work.
The premise is simple: Want to add a subscription come-on to your site but don’t know the first thing about HTML, and don’t have the budget to hire a designer or studio? Tweaky will change your site for $25. Need to update the copyright information in your footer, but don’t know how to do it? Tweaky will handle it for you for $25. Need to add a sidebar to your website? Tweaky will do it for $25. Cheeseburger, cheeseburger, cheeseburger.
Tweaky sounds like the perfect service for the harried small business owner who needs to make one or two quick adjustments to an existing website, has limited time and means, and needs the changes to be made professionally. The last bit is most important: there’s a difference between hiring a designer to make your logo bigger, and doing it yourself when you’re not a designer, don’t own Photoshop, aren’t expert in HTML and CSS, and so on. Tweaky’s promise is that only qualified designer/developers will be hired to make your $25 tweaks. My guess is that, at least initially, Tweaky will draw on the same community that currently participates in 99designs’s “design contests” (spec work), or at least it will solicit designers from that pool.
Crowd sourcing design is unethical (read Design Is A Job and Design Professionalism if you’re unfamiliar with the standards of conduct in a professional designer/client relationship—or, for now, just read this tweet, and read these two great books later), so I disapprove of 99designs, but its new child appears to have been born sinless. While some designers, possibly including the authors of the aforementioned texts, will dislike the notion of Tweaky on principle, I don’t think designers or studios will lose customers to a $25 tweak service. I don’t think it’s exploitation to accept $25 to change a link in a footer (assuming the designer gets the bulk of the fee). And I don’t think a client with an existing website should have to pay several thousand dollars engaging a designer simply to make a wee adjustment to her site. Tweaky offers customers access to real designers for quick jobs, and offers designers a work and revenue stream. That seems okay to me.
Caveat emptor: I haven’t hired Tweaky (no need), don’t know how they evaluate designer/developers before admitting them to their freelance labor pool, don’t know how much of a customer’s $25 ends up in a designer’s pocket, and can’t speak to the quality of their concierge service and follow-through. But I find their business model unobjectionable and intelligent—it fills a designer’s need for extra work and a customer’s need for quick turnaround on no-brainer mini-projects. Truth to tell, I’ve heard talk of similar networks in the works, and would not be surprised to see competitors to Tweaky sprout up soon enough. It’s the economy, smarty.
Currently web standards lead at Mozilla, Tantek is one of the founders of both the microformats.org open standards community and the Global Multimedia Protocols Group, and an invited expert to the World Wide Web Consortium (W3C) Cascading Style Sheets working group.
Tantek has played a key role in the development and popularization of practical social network portability technologies such as the hCard and XFN microformats. In 2003, Tantek collaborated with Eric Meyer and Matt Mullenweg in the invention of the XHTML Friends Network (XFN), which has since become the most popular decentralized social relationship format in the history of the Web. In 2004 Tantek proposed hCard for representing people and organizations, which has since similarly become the most popular user profile format on the web.
During his years as Technorati’s Chief Technologist, Tantek played an active role in refining and evangelizing hCard, bringing it from a wiki proposal to one that’s endorsed and supported by individuals, numerous small organizations, major companies ranging from AOL to Yahoo, and implemented for over a hundred million user identities and business listings on the web.
At Microsoft, Tantek led the development of Internet Explorer 5 for Macintosh and its Tasman rendering engine, which was the most standards-compliant layout engine of its time. He was also an early member of The Web Standards Project, and is the creator of the Box Model Hack, the first IE hack that let developers work around the incorrect box model in old versions of Internet Explorer.
Listen to Episode 68: Tantek Çelik on Mozilla and Microformats.
Links in this episode
- BrowserID: a better way to sign in
- IndieWebCamp: Own Your Data!
- “Gangbang Interviews” and “Bikini Shots”: Silicon Valley’s Brogrammer Problem
- Restyle W3C: Towards a More Usable Spec Template
- hCard 1.0 Specification (rewritten to be human friendly)
- The Vendor Prefix Predicament: ALA’s Eric Meyer Interviews Tantek Çelik
- Responsive Images: How they Almost Worked and What We Need
- Mozilla WIKI
- CNET: Mozilla hires open-standards guru Celik
- hacks.mozilla.org: Interview – Tantek on the importance of web standards
- Why IE5/Mac Matters
Subscribe to The Big Web Show
The Big Web Show features special guests and topics like web publishing, art direction, content strategy, typography, web technology, and more. Get episodes delivered to you automatically:
TUESDAY, 3 APRIL 2012, was Day II of An Event Apart Seattle, a sold-out, three-day event for people who make websites. If you couldn’t be among us, never fear. The amazing Luke Wroblewski (who leads a day-long seminar on mobile web design today) took excellent notes throughout the day, and shares them herewith:
The (CSS) Future is Now – Eric Meyer
In his The Future is Now talk at An Event Apart in Seattle, WA 2012 Eric Meyer talked about some of the visual effects we can achieve with CSS today. Create shiny new visual elements with no images using progressive enhancement and CSS that is available in all modern browsers.
A Philosophy of Restraint
– Simon Collison
In his A Philosophy of Restraint talk at An Event Apart in Seattle, WA 2012 Simon Collison outlined his design philosophy and how he applies it to web projects. Embrace constraints; simplicity and complexity; design aesthetic; design systems as foundations that prepare us for future projects and complexity; affordances and type; focus and content; audit and pause — prevent catastrophic failures and shine a new light on what you’ve learned with each project.
Touch Events – Peter-Paul Koch (PPK)
In his Touch Events talk at An Event Apart in Seattle, WA 2012 Peter-Paul Koch talked about touch support in mobile browsers and how to handle touch events in web development. Includes a ranking of current mobile browsers; interaction modes in mobile versus desktop (mouse) and keyboard — how do we adjust scripts to work with touch?; touch events; supporting modes; event cascade; and “stick with click.”
Mobile to the Future – Luke Wroblewski
Alas, Luke could not take notes on his own presentation. Here’s what it was about: When something new comes along, it’s common for us to react with what we already know. Radio programming on TV, print design on web pages, and now web page design on mobile devices. But every medium ultimately needs unique thinking and design to reach its true potential. Through an in-depth look at several common web interactions, Luke outlined how to adapt existing desktop design solutions for mobile devices and how to use mobile to expand what’s possible across all devices.Instead of thinking about how to reformat your websites to fit mobile screens, attendees learned to see mobile as way to rethink the future of the web.
What’s Your Problem? – Whitney Hess
In her What’s Your Problem? Putting Purpose Back into Your Projects talk at An Event Apart in Seattle, WA 2012 Whitney Hess outlined the value of learning about opportunities directly from customers. Understand the problem before designing the solution. Ask why before you figure out how. There is no universal solution for all our projects, we need to determine which practices are “best” through our understanding of problems. Our reliance on best practices is creating a world of uniform websites that solve no one’s problem. Leave the desk and interact with people. Rather than the problem solver, be the person who can see the problem.
Properties of Intuitive Pages
– Jared Spool
At An Event Apart in Seattle WA 2012, Jared Spool walked through what makes a design intuitive, why some users need different treatment, and the role of design. Current versus acquired knowledge and how to bridge the gap (how to train users, thus making your site or app “intuitive”). Redesigns and how to avoid disaster. Design skills. The gap between current knowledge and target knowledge is where design happens. Why intuitive design is only possible in small, short iterations.
Day III begins in 90 minutes. See some of you there.
Photos: AEA Seattle Flickr pool or hashtags #aea and #aeasea on Instagram.
A LIST APART strongly opposes USHR 3261 AKA the Stop Online Piracy Act (SOPA), an ill-conceived lobbyist-driven piece of legislation that is technically impossible to enforce, cripplingly burdensome to support, and would, without hyperbole, destroy the internet as we know it.
SOPA approaches the problem of content piracy with a broad brush, lights that brush on fire, and soaks the whole web in gasoline. Learn why SOPA must not pass, and find out what you can do to help stop it.
Illustration by Kevin Cornell for A List Apart Magazine.
“SHARE YOUR MEMORIES of Steve Jobs” read the email from Faith Korpi, producer of the 5by5 network to which I contribute a podcast. I thought she meant memories of actually interacting with the guy. I had one such experience: Steve fired me from a freelance project. That being my only “memory” of Steve Jobs, I responded to the assignment by telling that story.
5by5 created a beautiful audio tribute to Steve Jobs. The other contributors, who understood the assignment correctly, carefully crafted personal tributes to Steve Jobs and his legacy. Listening to this series of heartfelt recollections, you get a sense of the contribution Steve Jobs made to all our lives. The testimonials of my colleagues make me feel awe, wonder, hope, and terrible sadness.
A little over twenty minutes into this love fest for a giant of our time, my little story comes along and quickly sinks like a stone. I didn’t write it out in advance (no time, I was chaperoning my daughter’s second grade field trip) and I didn’t record it in my pristine podcasting studio (same excuse). The gist of it is, Steve Jobs fired me and another guy from a project before we did a lick of work, paid us anyway, and afterwards, for nearly ten years, Apple hardware and software that worked perfectly well for everyone in the world misbehaved for me — as if the aborted project had left me cursed.
I admire and marvel at Steve Jobs every bit as much as my better spoken, better prepared colleagues. Not only did he understand that computing is about people, not technology; he also had the will to unapologetically demand perfection from the human beings who worked for him. If I live to be one thousandth the creative director he was, I will tell myself, “Well done.”
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:
THE SHOW IS OVER, but the memories, write-ups, demos, and links remain. Enjoy!
Speakers, attendees, parties, and the wonders of Boston, captured by those who were there.
Jeremy Keith quite effectively live-blogs my opening keynote on the particular opportunities of Now in the field of web design, and the skills every designer needs to capitalize on the moment and make great things.
Related to my talk: Jeremy Keith’s original write-up on a notorious but all-too-common practice. If your boss or client tells you to design this pattern, just say no. Design that does not serve users does not serve business.
“In his opening keynote … Jeffrey Zeldman talked about the skills and opportunities that should be top of mind for everyone designing on the Web today.” Luke Wroblewski’s write-up.
“As a consultant, [Whitney] spends a lot of time talking about UX and inevitably, the talk turns to deliverables and process but really we should be establishing a philosophy about how to treat people, in the same way that visual design is about establishing a philosophy about how make an impact. Visual design has principles to achieve that: contrast, emphasis, balance, proportion, rhythm, movement, texture, harmony and unity.” In this talk, Whitney proposed a set of 10 principles for UX design.
Live blogging by Jeremy Keith. Veerle, a noted graphic and interaction designer from Belgium, shared her process for discovering design through iteration and experimentation.
Luke’s live awesomeness cannot be captured in dead written words, but Mr Keith does a splendid job of quickly sketching many of the leading ideas in this key AEA 2011 talk.
See also: funky dance moves with Luke Wroblewski, a very short video I captured as Luke led the crowd in the opening moves of Michael Jackson’s “Thriller.”
“The next talk here at An Event Apart in Boston is one I’ve really, really, really been looking forward to: it’s a presentation by my hero Ethan Marcotte.”
Ethan’s amazing talk—a key aspect of design in 2011 and AEA session of note—as captured by the great Luke Wroblewski.
“In his presentation at An Event Apart in Boston, MA 2011 Jared Spool detailed the importance and role of links on Web pages.” No writer can capture Jared Spool’s engaging personality or the quips that produce raucous laughter throughout his sessions, but Luke does an outstanding job of noting the primary ideas Jared shares in this riveting and highly useful UX session.
Luke W: “In his All Our Yesterdays presentation at An Event Apart in Boston, MA 2011 Jeremy Keith outlined the problem of digital preservation on the Web and provided some strategies for taking a long term view of our Web pages.”
Although it is hard to pick highlights among such great speakers and topics, this talk was a highlight for me. As in, it blew my mind. Several people said it should be a TED talk.
Luke: “In his Idea to Interface presentation at An Event Apart in Boston, MA 2011 Aarron Walter encouraged Web designers and developers to tackle their personal projects by walking through examples and ways to jump in. Here are my notes from his talk.”
Compiled by the speaker, links include Design Personas Template and Example, the story behind the illustrations in the presentation created by Mike Rhode, Dribble, Huffduffer, Sketchboards, Mustache for inserting data into your prototypes, Keynote Kung Fu, Mocking Bird, Yahoo Design Patterns, MailChimp Design Pattern Library, Object Oriented CSS by Nicole Sullivan and more!
“In his Smoke Gets In Your Eyes presentation at An Event Apart in Boston, MA 2011 Andy Clarke showcased what is possible with CSS3 animations using transitions and transforms in the WebKit browser.” Write-up by the legendary Luke Wroblewski.
The “Mad Men” opening titles re-created entirely in CSS3 animation. (Currently requires Webkit browser, e.g. Safari, Chrome.)
Anthony Calzadilla, a key collaborator on the Mad Men CSS3 animation, showcases his works.
Pure CSS3 box-shadow page curl effect. Mentioned during Ethan Marcotte’s Day 3 session on exploring CSS3.
Fascinating article by Anton Peck (who attended the show). Proposed: a solution to a key problem with CSS transitions. (“Even now, my main issue with transitions is that they use the same time-length value for the inbound effect as they do the outbound. For example, when you create a transition on an image with a 1-second duration, you get that length of time for both mousing over, and mousing away from the object. This type of behavior should be avoided, for the sake of the end-user!”)
Ethan Marcotte: “Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.”
Like it says.
By the incomparable John Allsopp.
These sessions were not captured
Some of our best talks were not captured by note-takers, at least not to my knowledge. They include:
- Eric Meyer: CSS Anarchist’s Cookbook
- Mark Boulton: Outing the Mind: Designing Layouts That Think for You
- Jeff Veen: Disaster, DNA, and the Fathomless Depth of the Web
It’s possible that the special nature of these presentations made them impossible to capture in session notes. (You had to be there.)
There are also no notes on the two half-day workshop sessions, “Understand HTML5 With Jeremy Keith,” and “Explore CSS3 With Ethan Marcotte.”
What have I missed?
Attendees and followers, below please add the URLs of related educational links, write-ups, and tools I’ve missed here. Thanks!
From the floor of An Event Apart Seattle 2011:
“Mobile is huge. The iPhone, iPad, and Android are huge. On the one hand, they are standards-facing, because they all support HTML5 and CSS3, so you can create great mobile experiences using web standards. You can create apps using web standards. On the other hand, there is also the temptation to go a proprietary route. In a strange way, although the browsers are much more standards compliant, it seems like we are redoing the browser war. Only now, it’s not the browser wars, it’s platform wars.”
Video interview, plus transcript: Interview with Jeffrey Zeldman on the State of Web Design. Thank you, Michael Slater.
HEY, YOU WITH THE STARS in your eyes. Yes, you, the all too necessary SXSW Interactive attendee. Got questions about the present and future of web design and publishing for me or the illustrious panelists on Jeffrey Zeldman’s Awesome Internet Design Panel at SXSW Interactive 2011? You do? Bravo! Post them on Twitter using hashtag #jzsxsw and we’ll answer the good ones at 5:00 PM in Big Ballroom D of the Austin Convention Center.
Topics include platform wars (native, web, and hybrid, or welcome back to 1999), web fonts, mobile is the new widescreen, how to succeed in the new publishing, responsive design, HTML5, Flash, East Coast West Coast beefs, whatever happened to…?, and many, many more.
Comments are off here so you’ll post your questions on Twitter.
The panel will be live sketched and live recorded for later partial or full broadcast via sxsw.com. In-person attendees, arrive early for best seats. Don’t eat the brown acid.