10K

A PART

The Responsive Edi.on

Func.onal Wireframes Document

This document contains the func.onal wireframes for

the Second 10K Apart Contest. While these
wireframes look and feel like typical wireframes,
there's one fundamental dierence between the two:
func%onal wireframes simply assert the informa%on
that should be displayed on any given page and
nothing more. They do not make any guarantee with
regards to layout of that informa.on. Layout decisions
are made itera.vely and collabora.vely by the design
team downstream in the design process.

Author
Nishant Kothary
Email
nishkoth@microsoM.com
Last Updated
Tue Jun 07 2011

Copyright Microso/ Corpora1on. All Rights Reserved. Do Not Distribute.

Home Page

10K
Apart
The Responsive Edi.on

Fr

og Log bby rainypixels

WeimSnoutr
y Yoshi

Inspire the Web with just 10K.

It's back! The challenge? Build a web app in less than 10
kilobytes. But now, it also needs to be responsive.

Blue

SUBMIT A N
ENTRY
EXPLORE T HE
GALLERY

4:3

So, are you ready to get back to the basics? Back to

op.mizing every byte like your life depended on it?

The Rules

FAQs

SIZE Total le size,

including images, scripts &
markup (minus C SS), cant
be over 10K. Details
STANDARDS We
encourage H TML5, and apps
must work equally well in
IE10 P P1, Firefox and a
WebKit browser.
LIBRARIES You can use
one of these libraries, and it
won't count against your
10K.
RESPONSIVENESS Apps
need to work for the
following form factors.

The Gallery

1 - 9 of 228

$10K in Prizes!

The Judges
D. Schrute

One Grand Prize (Best Overall App)

- Registra.on to any A EA Event
- $3000 Visa Cash Card
- Responsive Web Design

Three Runners Up (Best Design,

Technical, People's Choice)

Sub.tle /
Tagline

J. Halpert
Sub.tle /
Tagline

M. Sco@

- Registra.on to any A EA Event

- $1000 Visa Cash Card
- Responsive Web Design

Sub.tle /
Tagline

P. Halpert
Nine Honorable Men%ons
- Responsive Web Design

Sub.tle /
Tagline

A. Bernard
Sub.tle /
Tagline

Most Recent

Con.nued on next page

Home Page (Con.nued)

App Title

App Title

by username

by username

App Title

App Title

by username

by username

App Title

App Title

by username

by username

App Title

by username

App Title

by username

App Title

by username

Load Next Few Entries or load all

brought to you by M IX Online

in associa.on with An Event Apart.

@mixonline & @aneventapart

20072010 MicrosoM
Legalelse | FAQs| Contact Us

Home Page Contest Closed

Contest ended. Results will be announced on x/x/2011. In the mean.me, check out the gallery

10K
Apart
The Responsive Edi.on

Fr

og Log bby rainypixels

WeimSnoutr
y Yoshi

Blue

Inspire the Web with just 10K.

It's back! The challenge? Build a web app in less than 10
kilobytes. But now, it also needs to be responsive.
So, are you ready to get back to the basics? Back to
op.mizing every byte like your life depended on it?

The Rules

FAQs

SIZE Total le size,

including images, scripts &
markup (minus C SS), cant
be over 10K. Details
STANDARDS We
encourage H TML5, and apps
must work equally well in
IE10 P P1, Firefox and a
WebKit browser.
LIBRARIES You can use
one of these libraries, and it
won't count against your
10K.
RESPONSIVENESS Apps
need to work for the
following form factors.

The Gallery

1 - 9 of 228

4:3
EXPLORE T HE
GALLERY

$10K in Prizes!

The Judges
D. Schrute

One Grand Prize (Best Overall App)

- Registra.on to any A EA Event
- $3000 Visa Cash Card
- Responsive Web Design

Three Runners Up (Best Design,

Technical, People's Choice)

Sub.tle /
Tagline

J. Halpert
Sub.tle /
Tagline

M. Sco@

- Registra.on to any A EA Event

- $1000 Visa Cash Card
- Responsive Web Design

Sub.tle /
Tagline

P. Halpert
Nine Honorable Men%ons
- Responsive Web Design

Sub.tle /
Tagline

A. Bernard
Sub.tle /
Tagline

Most Recent

Home Page Winners Announced

Contest Closed Check out the winners

10K
Apart
The Responsive Edi.on

Fr

og Log bby rainypixels

WeimSnoutr
y Yoshi

Blue

Inspire the Web with just 10K.

It's back! The challenge? Build a web app in less than 10
kilobytes. But now, it also needs to be responsive.
So, are you ready to get back to the basics? Back to
op.mizing every byte like your life depended on it?

The Rules

FAQs

SIZE Total le size,

including images, scripts &
markup (minus C SS), cant
be over 10K. Details
STANDARDS We
encourage H TML5, and apps
must work equally well in
IE10 P P1, Firefox and a
WebKit browser.
LIBRARIES You can use
one of these libraries, and it
won't count against your
10K.
RESPONSIVENESS Apps
need to work for the
following form factors.

4:3
EXPLORE T HE
GALLERY

$10K in Prizes!

The Judges
D. Schrute

One Grand Prize (Best Overall App)

- Registra.on to any A EA Event
- $3000 Visa Cash Card
- Responsive Web Design

Three Runners Up (Best Design,

Technical, People's Choice)

Sub.tle /
Tagline

J. Halpert
Sub.tle /
Tagline

M. Sco@

- Registra.on to any A EA Event

- $1000 Visa Cash Card
- Responsive Web Design

Sub.tle /
Tagline

P. Halpert
Nine Honorable Men%ons
- Responsive Web Design

Sub.tle /
Tagline

A. Bernard
Sub.tle /
Tagline

The Winners

Con.nued on next page

Home Page Winners Announced (Con.nued A)

Grand Prize Winner

WeimSnoutr
rainypixels
For some reason these
frogs forgot how to swim.
Help the frogs stay on the
log. There are 4 types of
frogs and each behave
dierently. Drag the frogs
and logs (or click) with
precision to save our frogs.

Congrats To Our Grand

Prize Winner.
The outstanding
WeimSnoutr has won the
10k Apart Grand Prize, for
the best overall app. its
makers will receive a paid
pass to any A EA Event, a
$3000 Visa GiM Card and a
copy of Responsive Design.

Launch App
or visit the entry page

The Runners-Up
Best Technical

App Title

by username

Best Design

App Title

by username

People's Choice

App Title

by username

Con.nued on next page

Home Page Winners Announced (Con.nued B)

Notable Men.ons

App Title

App Title

by username

by username

App Title

App Title

by username

by username

App Title

App Title

by username

The Gallery

by username

1 - 9 of 228

App Title

by username

App Title

by username

App Title

by username

Most Recent

Applica.on Detail Page

10K
Apart
The Responsive Edi.on

prev | gallery | next

WeimSnoutr
rainypixels
For some reason these
frogs forgot how to swim.
Help the frogs stay on the
log. There are 4 types of
frogs and each behave
dierently. Drag the frogs
and logs (or click) with
precision to save our frogs.

4 comments so far

Leave a comment

Dwight said on June 11, 2010

Tin feud, where ain't, than muster whomp city-slickers, hairy cipherin'.
Moonshine dogs damn gh.n' had dirty hold. Rustle, yonder cipherin',
wagon rightly em dirt, a go, buckshot has give. Mud whoopin' pudneer
crazy, where ea.n' beat havin' gospel lament crazy.

Launch App

4 comments

What could you build

with only 10 kilobytes of
code?
Thats the concept behind
this here 10K Apart
contest, the love child of
MIX Online and An Event
Apart.

Jim said on June 11, 2010

Tin feud, where ain't, than muster whomp city-slickers, hairy cipherin'.
Moonshine dogs damn gh.n' had dirty hold. Rustle, yonder cipherin',
wagon rightly em dirt, a go, buckshot has give. Mud whoopin' pudneer
crazy, where ea.n' beat havin' gospel lament crazy.

Pam said on June 11, 2010

Tin feud, where ain't, than muster whomp city-slickers, hairy cipherin'.
Moonshine dogs damn gh.n' had dirty hold. Rustle, yonder cipherin',
wagon rightly em dirt, a go, buckshot has give. Mud whoopin' pudneer
crazy, where ea.n' beat havin' gospel lament crazy.

Con.nued on next page

Applica.on Detail Page (Con.nued)

Andy said on June 11, 2010

Tin feud, where ain't, than muster whomp city-slickers, hairy cipherin'.
Moonshine dogs damn gh.n' had dirty hold. Rustle, yonder cipherin',
wagon rightly em dirt, a go, buckshot has give. Mud whoopin' pudneer
crazy, where ea.n' beat havin' gospel lament crazy.

Leave a Comment
Name*
Your

Email

Website

We'll use your email to grab your gravatar. We won't

store your email or sell it to trolls.

hxp://

Your Comment*
Goes Here

Submit Comment

brought to you by M IX Online

in associa.on with An Event Apart.

@mixonline & @aneventapart

20072010 MicrosoM
Legalelse | FAQs| Contact Us

Entry Form

10

10K
Apart
The Responsive Edi.on

Compete in the 10K.

Frog Log
Fill out this uber-short form to join the 10k WeimSnoutr
contest.
All bby yrainypixels
Yoshi Blu
e
elds are required unless otherwise noted. Good luck!

Inspire the Web with just 10K.

SUBMIT A N
ENTRY

give your entry

It's back! The challenge?
Build
a web app in less than 10
A Snappy
Title
kilobytes. But now, it also needs to be responsive.

4:3

EXPLORE T HE
30 characters left
GALLERY

So, are you ready to get back and

to the basics? Back to
A Short Descrip.on
op.mizing every byte like your life depended on it?

300 characters left

You app works in

The Skinny
These 3 Browsers
SIZE Total le size,
including images, scripts &
s your best
markup (minus Cgive
SS), cuant
Screenshots
be over 10K. Details
* upload at least one
.e
jpg or .png
STANDARDS W
* maust
exactly
encourage H TML5,
nd bae
pps
300x200 px

must work equally well in

IE10 P P1, Firefox and a
your
WebKit browser. Name
LIBRARIES You can use
your
one of these libraries,
and A
it ddress
Email
won't count against your
10K.

and
$10K in Prizes!
pick one
4 Overall App)
IE10
One PGP2
rand PFirefox
rize (Best
- Registra.on to any A EA Event
Pick
image
- $3000
Visa 1Cash CardPick image 2
- Responsive Web Design

Browse

Browse

Three Runners Up (Best Design,

Technical, People's Choice)

or

Safari 5

The Judges

Chrome 5D. Schrute

Sub.tle /
Tagline

Pick image 3

P. Browse
Halpert

Sub.tle /
Tagline

D. Schrute

- Registra.on to any A EA Event

- $1000
isa
Cash something
Card
Feel
freeVto
make
up, we just need something to
call
you.
- Responsive
Web Design

Sub.tle /
Tagline

P. Halpert
Sub.tle /
Nine only
Honorable
Memail
en%ons
Well
use your
to contact you about the contest.
Tagline
NO
SPAM! Web Design
- Responsive

your
Phone
N
umber
RESPONSIVENESS Apps

need to work for the

following form factors.
Twixer

The Gallery

your
Name

the
1 - i9nevitable
of 228
Legal Fineprint

D. Schrute
Sub.tle /
Tagline
Optional Well use your Twitter handle to grab your
avatar.
PLEASE N OTE: It is your sole responsibility to review and
understand your employers policies regarding your
eligibility to par.cipate in trade promo.ons. If you are

SUBMIT

Most Recent

Ive read & accept the Legal Terms