ANNOUNCING THE WINNERS of the second annual 10K Apart contest (“Inspire the web with just 10K”) presented by MIX Online and An Event Apart.

Responsive apps under 10K

Last year’s 10K Apart challenged readers to create the best application they could using no more than 10K of images, scripts, and markup. We wanted to see what you could do with HTML5, CSS3, and web fonts, and you blew us away.

For this year’s contest, we asked you to step up your game by not only awing us with brilliant (and brilliantly designed) apps built using less than 10K of web standards and imagery, but we also insisted you make those awesome apps fully responsive.

(If you found this page by accident, responsive design accommodates today’s dizzying array of notebooks, tablets, smartphones, laptops, and big-screen desktops—and anticipates tomorrow’s—via fluid design experiences that squash and stretch and swell and shrink and always look like ladies. Ethan Marcotte pioneered this design approach, which takes standards-based progressive enhancement to the next level, and which achieves its magic via fluid grids, flexible images, and media queries. But I digress.)

We worried. Oh, how we worried.

We worried that demanding responsive design on top of our already tough list of requirements would kill the contest. That it was just too hard. Maybe even impossible. Silly us.

Once again, you overwhelmed us with your out-of-the-box creativity, dazzling technical chops, and inspiring can-do spirit. During the few weeks of our call for entries, people and teams from 36 countries produced 128 astonishingly excellent apps. With that many great entries, judging was a beast! Fortunately we had excellent help. But enough about us. On to the winners!

Grand Prize Winner

The mysteriously named L&L has won the 10K Apart Grand Prize for Bytes Jack, an HTML Blackjack game that is totally fun to play—unless you have a problem with gambling, in which case, try one of the fantastic runners-up: Space Mahjong by Toby Yun and Kyoungwoo Ham (Best Technical Achievement); Sproutable, by Kevin Thompson (Best Design); or PHRASE: Make Lovely Circular Patterns Based on Text Phrases (People’s Choice), by Andy Gott.

L&L will receive a paid pass to any An Event Apart conference event, a $3000 Visa Gift Card, and copies of Ethan Marcotte’s Responsive Web Design and Aaron Gustafson’s Adaptive Web Design.

In addition to these four winners, there are twelve honorable mentions that will delight any visitor—and astonish any web designer-developer who tries to figure out how these wizards worked their magic in under 10K. See all the winners or view the entire gallery and decide whom you would have awarded best in show.

P.S. We love you

An Event Apart thanks our hard-working, insanely inspired friends at Mix Online.

The 10K Apart hearkens back to Stewart Butterfield’s 5k Contest of yesteryear. Back then, Stewart challenged web designer-developers to create something magical using less than 5K of code and images—and the community responded with a flowering of creativity and awesome proto-web-apps. Stewart, we salute you!

OCTOBER brings the smells of burning leaves, the warmth of hot cider, and much speaking for yours truly:

On October 12, I’ll deliver the keynote address at Do It With Drupal 2011 at the Marriott Brooklyn Bridge in Brooklyn Heights, sharing the stage with the likes of Josh Clark, Angela Byron, and Jeff Robbins.

Then it’s off to beautiful Richmond, Virginia on the 13th for EdUI 2011, the conference for web professionals who serve institutions of learning, where I’ll keynote again and join such leaders as Margot Bloomstein, Brian Fling, Kyle Soucy, and Siva Vaidhyanathan.

October 24–26 will find me in America’s capital for An Event Apart DC: three days of design, code, and content with a veritable constellation of web design stars, including a one-day learning session on Accessible Web Design led by Derek Featherstone of Further Ahead.

You can follow my speaking schedule or, better yet, come see me! I’ll keep a light in the window for you.

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:

• An Event Apart Atlanta three-day schedule
• A Feed Apart – live tweeting, Monday through Wednesday
• AEA Atlanta Flickr Group
• An Event Apart Facebook page

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.

IN NOVEMBER, as part of the 4th Annual Blue Beanie Day to support web standards, we announced a web standards haiku contest, with prizes donated by Peachpit/New Riders (“Voices That Matter”) and A Book Apart. Entries were posted on Twitter with the hashtag #bbd4, with judging to follow in December. It should have been easy.

Unfortunately, searches on hashtags only go back a few days. Which means, when Designing With Web Standards 3rd Edition co-author Ethan Marcotte and I sat down to judge your entries, said entries were nowhere to be found.

Not even mighty Google was able to uncover more than a few of them.

We wrote to our friends at Twitter to ask for help, but they were too busy dating supermodels on a pile of money to get back to us. With existing entries sucked into the void formerly known as Twitter search results, and with all those great books to give away and all those eager participants to thank, we have only one choice:

Blue Beanie Day Haiku Contest Phase II—This Time It’s Personal

Instructions follow:

Attention, web design geeks, contest fans, standards freaks, HTML5ophiles, CSSistas, grammarians, bookworms, UXers, designers, developers, and budding Haikuists. Can you do this?

Do not tell me I
Am source of your browser woes.
Template validates.


Write a web standards haiku (like that one), and post it on Twitter right here between today and Friday, December 24th. Entries must be “postmarked” no later than 11:59 PM Eastern. Judging will be held the week after Christmas, with winners announced before the New Year.

FAQ

Can I re-post the haiku(s) I submitted in November?

Yes, please!

Can I create one or more new haikus?

Yes, of course.

How many entries may I post?

As many as you like. However, you can only win once. (In other words, if you post the best ten haikus, you won’t win ten prizes, you’ll win one.)

I can’t post my entry here. (I’m behind a firewall.)

Unfortunately, posting behind firewalls is disabled on this site. (By doing this, I remove 99% of comment spam.) Try posting from your phone, or from a location other than your current one.

Thanks and Praise

Thanks to our sponsors, Peachpit/New Riders (“Voices That Matter”) and A Book Apart, and to Doug Vos, co-founder of Blue Beanie Day.

Let the haikus commence!

Photo: Luke Dorny

Comments are now closed. Watch this space—winners will be posted soon.

• Design It track speakers include Faruk Ates, Jared Spool, Mike Kus, Inayaili de Leon, Jeremy Keith, and Brian Suda.
• Speakers for the Build It track are Corey Donohoe, Blaine Cook, Lorna Mitchell, Bradley Wright, Rich Thornett and Jake Archibald.
• There’s also “An Afternoon With…” half-day session focused on start-ups. The afternoon session is free to all conference pass-holders.

Tickets go on sale 13 January 2011. Follow dibiconf for announcements.

Keep up with my comings and goings on Lanyard and this site’s new Appearances page (in progress), follow me on Twitter (@zeldman), and keep watching the skies at An Event Apart, the design conference for people who make websites.

To thank you and the universe for five brilliant, sold-out shows in 2010, we’ve partnered with Network for Good to donate $5,000 to Computers for Youth (CFY), a non-profit foundation that brings computing and educational resources into the homes of children who wouldn’t otherwise have these advantages. Read more.

The 10K Apart Challenge had a simple premise: Could you build a complete web application using less than 10 kilobytes? … A joint effort between An Event Apart and MIX Online, the 10K Apart reaped 367 web applications in 28 days—everything from casual games to RIAs—that demonstrate, even with their tiny footprints, what is truly possible with modern [web] standards.

Read about the winning entries: 10K Apart – IEBlog.

I love DC the way someone who used to live there loves a town. In DC I fell in love, played in some little-known but great bands, wrote for City Paper and The Washington Post, and started an advertising career that would take me to New York and lead me to web design.

And now, in the very neighborhood where I once struggled to pay rent, a place haunted by a friend’s ghost and memories of ordinary madness, I’m co-hosting a three-day celebration of a profession that didn’t exist fifteen years ago and that is only now coming to maturity. (I can relate.)

An Event Apart DC features 12 great speakers and 12 sessions. The sold-out, two-day show is followed by A Day Apart, a one-day learning experience on HTML5 and CSS3 led by our good friends Jeremy Keith (author, HTML5 For Web Designers) and Ethan Marcotte (co-author, Designing With Web Standards 3rd Edition).

I’m truly looking forward to this conference and to meeting some of you there. For those who can’t attend, there’s A Feed Apart, An Event Apart’s official aggregator of live tweets, and, of course, the Flickr group. These should start filling with content shortly after the conference begins on Thursday morning.

Kisses.

No, it isn’t a Happy Cog project (it’s by Simon Willison and Natalie Downe) but we couldn’t love Lanyrd, the social conference directory any more if we’d created it ourselves.

Lanyrd uses Twitter to tell you which conferences, workshops and such your friends are attending or speaking at. You can add and track events, and soon you’ll be able to export your events as iCal or into your Google calendar (the site is powered by microformats). Soon, too, you’ll be able to add sessions, slides, and videos.

The site’s not for everyone. It’s for people who attend web/UX conferences, and as it was created by inhabitants of the UK, it presently focuses mainly on Western European and North American events, but that will change as more people use it.

Congratulations and thank you, Natalie and Simon.

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!

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.

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

And I’m off on a mini road trip to Penn State and its annual web conference, where I’ll be honored to deliver the opening keynote on standards-based web design, from 1452 to the present.

The Penn State Web 2010 Conference (@PSUWebConf) takes place Monday and Tuesday, June 7 and 8, 2010 at the Penn Stater Conference Center. Patti Fantaske is chair. The conference is for all who manage, write, edit, design, program, or administer websites or web content at university offices, departments, colleges, and campuses.

An Event Apart, the design conference for people who make websites, has posted its Minneapolis 2010 schedule. Join Eric Meyer and me and ten amazing guest speakers on July 26-27, 2010 for two great days of design, code, and content:

Monday, July 26

9:00am–10:00am

Put Your Worst Foot Forward

Jeffrey Zeldman, author, Designing With Web Standards, 3rd Ed.

Nothing teaches like failure. Web standards godfather and An Event Apart cofounder Jeffrey Zeldman shares some of his biggest blunders as a designer, entrepreneur, and creative director, and how each mistake taught him to be better at what he does. Study what the problem was and why the mistake seemed like the right answer at the time; see why it turned out to be a really bad idea after all; and learn the great positive lesson each mistake taught.

10:15am–11:15am

DIY UX: Give Your Users an Upgrade

Whitney Hess, Strategic Partner, Happy Cog

Have you fallen in love with your solution and forgotten the original problem? Are you certain that your product actually makes people’s lives better? Not every company can hire someone like me to help you listen to your users, so you’re gonna have to learn how to do some of this stuff yourself. I’ll show you techniques to find out who your users are, what they really need and how to go about giving it to them in an easy to use and pleasurable way. And it doesn’t have to bankrupt you or kill your release date.

11:30am–12:30pm

The CSS3 Experience

Dan Cederholm, author, Bulletproof Web Design and Handcrafted CSS

In a fast-paced hour of design ideas and techniques, learn how advanced CSS and CSS3 can add richness to your site’s experience layer, and discover the role CSS3 can play in enhancing interactivity.

12:30pm–2:00pm: LUNCH

2:00pm–3:00pm

Mobile First!

Luke Wroblewski, author, Web Form Design

More often than not, the mobile experience for a web application or site is designed and built after the PC version is complete. Learn the three reasons web applications should be designed for mobile first instead: mobile is exploding; mobile forces you to focus; and mobile extends your capabilities.

3:15pm–4:15pm

Learning To Love Humans—Emotional Interface Design

Aarron Walter, author, Building Findable Websites

Humans, though cute and cuddly, are not without their flaws, which makes it a challenge to design for them. By understanding how the wet, mushy processor works in these hairy little devils, you can design interfaces and web experiences that will have them hopelessly devoted to your brand. Aarron will introduce you to the emotional usability principle—a design axiom that identifies a strong connection between human emotion and perceived usability. Through real-world examples, you’ll learn practical interface design techniques that will make your sites and applications more engaging to the humans they serve.

4:30pm–5:30pm

Anatomy of a Design Decision

Jared Spool, Founder, User Interface Engineering

What separates a good design from a bad design are the decisions that the designer made. Jared will explore the five styles of design decisions, showing you when gut instinct produces the right results and when designers need to look to more user-focused research.

7:00pm–??pm

Opening Night Party

Sponsored by (mt) Media Temple

Media Temple’s opening night parties for An Event Apart are legendary. Join the speakers and hundreds of fellow attendees for great conversation, lively debate, loud music, hot snacks, and a seemingly endless stream of grown-up beverages. Venue details will be announced soon.

Tuesday, July 27

9:00am–10:00am

Everything Old Is New Again

Eric Meyer, author, CSS: The Definitive Guide, 3rd Ed.

Faux columns. Sliding doors. Image replacement. We rely on these techniques on a near-daily basis, but how will they be affected by the expanding vocabulary of CSS3? Will they be reworked, slimmed down, or abandoned altogether? An Event Apart cofounder and CSS mastermind Eric Meyer pulls some old standbys out of the toolbox and applies the capabilites of CSS3 to see how they can be made leaner, meaner, and more powerful.

10:15am–11:15am

Paranormal Interactivity

Jeremy Keith,
author, DOM Scripting

Interaction is the secret sauce of the web. Understanding interaction is key to understanding the web as its own medium—it’s not print, it’s not television, and it’s certainly not the desktop. Find out how to wield HTML, CSS, and JavaScript to craft experiences that are native to the web.

11:30am–12:30pm

Patterns, Components, and Code, Oh My!

Erin Malone, co-author, Designing Social Interfaces

Designing with patterns sounds like a great idea on the surface. But what does it really take to identify and write patterns? And just what do you do with them once they are created? Rounding out the pattern library with components and code can help prototyping and design move faster, leaving time to solve more challenging problems. This session will discuss the benefits of and issues that arise from designing with patterns, and show how to stay creative while doing so.

12:30pm–2:00pm: LUNCH

2:00pm–3:00pm

Message and Medium: Better Content by Design

Kristina Halvorson, author, Content Strategy for the Web

Designing for multichannel content delivery (mobile, anyone?) means an entirely new set of considerations and challenges for web professionals everywhere. Unfortunately for content creators, it’s nearly impossible to predict whether their writing will maintain impact and readability across each and every platform. But forget about the medium for a minute; it’s the message that matters most. We’ll learn how to identify your key business messages, how they inform your content strategy, and how they impact multi-channel content development and design.

3:15pm–4:15pm

A Dao of Flexibility

Ethan Marcotte, co-author, Handcrafted CSS and Designing With Web Standards, 3rd Edition

“The Way is shaped by use, but then the shape is lost.” Our sites are accessed by an increasing array of devices and browsers, and our users deserve a quality experience no matter how large (or small) their display. Are our designs ready? Explore sites that think beyond the desktop and have successfully adapted to their users’ habits. Ethan will also discuss how bring an extra level of craftsmanship to our page layouts, and revisit popular CSS techniques in this ever-changing environment.

4:30pm–5:30pm

How the Web Works

Jeff Veen, author, Art & Science of Web Design

Turns out that the fundamental principles that led to the success of the web will lead you there, too. Drawing on 15 years of web design and development experience, Jeff will take you on a guided tour of what makes things work on this amazing platform we’re all building together. You’ll learn how to stop selling ice, why web browsers work the way they do, and where Rupert Murdoch can put his business model.

Register through June 28 and save $100 off your conference pass. Hurry: tickets are first-come, first-served, and seating is limited.