31 Dec 2010 1 pm eastern

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!

Filed under: 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

22 Responses to “2010: The Year in Web Standards”

  1. Nabeel said on

    Nice article Sir.
    You wrapped it all precisely.. Thanks

  2. Matt Robin said on

    Big year for Web Standards…massive!

    Nice summary Jeffrey, it reminds us that 2010 was better than it seemed. I think the CCS3 Media Queries/’responsive web design’ is the head-nod to the most-likely direction for 2011. Happy New Year!

  3. Steve Kirkendall said on

    Great précis of 2010 – happy new year, Mr Zee!

  4. Yoosuf said on

    after a long time saw a huge post by you, happy new year jeff

  5. Ethan Dunham said on

    Just to clarify, our licenses aren’t open-source, but I can understand why you might classify them as such. We have the loosest, most user-friendly one available for webfonts. Thanks for the mention!

  6. Jeffrey Zeldman said on

    Thanks for the clarification, Ethan (copy updated accordingly), and thanks even more for the service.

  7. Kristofer Layon said on

    Very nice summary indeed, Jeffrey. But are proprietary apps and mobile web apps truly “contradictory paths” or are they actually supplementary or complimentary paths? Similar to how a certain esteemed standardista designs and publishes a lot in the open by using Web Standards, yet also uses proprietary book and conference formats for other content, user experience, and monetization reasons? *wink*

  8. Alan Houser said on

    Great post as usual. I cannot believe it’s a cussing new year already.

    Here’s to a great 2011, Standardista!

  9. Mason Stewart said on

    When I signed up for Web Design Ass Kicking 401, the professor handed me a facsimile of this post and said, “When you understand this, you get an ‘A’.” Thanks for another year of setting us all straight, Mr. Zeldman.

  10. Jeffrey Zeldman said on

    But are proprietary apps and mobile web apps truly “contradictory paths” or are they actually supplementary or complimentary paths?

    Ah. Interesting. You may well be right.

    Certainly what we learn designing iPhone apps has a beneficial effect on our mobile web work, and vice-versa.

    Ultimately it’s all design.

  11. Sachin said on

    awfully interesting….I usually like all the posts by you…”Stop chasing followers” is the most interesting to me….thanks and Happy New Year…

  12. Bert de Weerd said on

    Thanks for this very nice summery of 2010! This nice list is a perfect start for a rainy Sunday morning!

  13. Carl Peterson said on

    This is a bookmark extravaganza! Nice to have it all in one place. Thanks.

  14. Michael Persson said on

    I think its worth mentioning the New wordpress effort where one easily also can appreciate dynamic menus in a new way. Easy to use and implement and WordPress is no longer only a blog, its a Dynamic Website solution…

  15. Webstandard-Blog (Heiko) said on

    Definitely Jeffrey! My favorite CSS3 properties for 2011 are MediaQueries, Animation, Transition, Transform and of yource @font-face!

  16. Benjamin Voran said on

    (not to mention HTML5 and SVG, in the case of Modernizr)

    I am pretty sure Modernizr doesn’t add SVG support to any browser, rather it just detects it. Maybe I read the above wrong…

  17. Jeffrey Zeldman said on

    Benjamin: Correct, Modernizr is feature detection software. And you can then use scripting to enable feature support in browsers that don’t support a particular feature natively. See Taking Advantage of HTML5 and CSS3 with Modernizr by Modernizr creator Faruk Ateş in A List Apart Issue No. 308.

  18. jen strickland said on

    Modernizr does not add advanced selector support. Selectivizr (http://selectivizr.com), by @keithclarkcouk, does, however. Modernizr simply detects browser support for features.

  19. Troy said on

    Yay for modernizr, though it would be great if we could use one resource to implement everything contained here https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

  20. Jen said on

    I like this one: The web is not a game of “eyeballs.” Never has been, never will be. Influence matters, numbers don’t. Also, interesting thought about the iPad, it’ll be interesting to see what happens.

  21. Adriana said on

    Have a great year Jeffrey!

  22. JonOnWeb said on

    Great promises from HTML 5 and CSS 3, it will definitely be the next generation standard (or soon to be current generation). I just wish Microsoft would keep up just the rest of the platforms do.

    I also wish the mobile device makers and software makers come together for a mobile standard on HTML and CSS. I can understand if 4G is not being deploy at the rate it is right now, but with all the bandwidth comes opportunities. Definitely need to establish a web standard on them as well.

Comments off.