Future Friendly Content.

@thamar

future friendly1

responsive2

beeld content3

“The future cannot be predicted, but futures

can be invented”

Dennis Gabor, inventing the future 1963

1

futurefriend.ly “Disruption will only

accelerate”

Schaalbaarheid op devices

Sensors en andere output

futurefriend.ly “Our existing standards,

workflows, and infrastructure won't hold up. ”

Een ander werkproces

futurefriend.ly “Proprietary solutions will

dominate at first.”

Gebruiken wat je kent

content first1

futurefriend.ly Oplossingen:

mobile first2

orbital content3

Orbital Content

Responsive content... Als je voor content

de context niet meer te voorspellen is, moet het

doelgericht, waardevol en doordacht zijn.

“The secret to getting ahead is getting started.”

Things Mark Twain Didn't Really Say

2

Responsive.. is nog steeds iets tussen developers en designers.

responsive content Kijk niet alleen naar

schaalbaarheid op scherm

Patterns

content templateshandig voor recht-toe

recht-aan sites

patternsinzichtelijk maken

van concepten.

inzichtelijk maken =verwachting managen

patternsresponsive content:

priority guide

Home About Shirts Contact

DressResponsively

clothing co

SIZE US UP & CAST YOUR VOTE!

IMAGEOF LEADING

SHIRT

WHAT’S THIS ALL ABOUT?

SHOW ME ALL THE CANDIDATES

The Dress Responsively Clothing

Company doesn’t exist. Yet. This

website is a product of Sparkbox’s Build

Responsively workshop. Dress

Responsively was originally built as a

mock project to create working files and

content for the workshop’s attendees.

But then we got to thinking.

What standards-loving, responsively-

building, media-querying web citizens

wouldn’t love some apparel which flies

the flag of the future of the web? Let’s

turn it over to the people.

So here we are. If we are able to stump

for enough interest, tweets, and votes

for this geekwear, we’ll print up the

winner and make it available. Check out

the shirt designs, vote for your

frontrunner, and pass us along to your

friends. Democracy at work, folks. It’s

either that or mob rule, whichever comes

first. Either way, we all get sweet shirts

out of it.

SHOW ME THE CANDIDATES

Back to Top

MADE BY

EXCLUSIVELY FOR

Home About Shirts Contact

© Sparkbox 2012All Rights Reserved.

Responsive design is always the right

answer. Though it is not always the

only answer.

Listen to Bruce Lee. Be like water,

my friend.

We’ve got to design in the browser.

We just don’t have the tools yet.

El Presidente Say:

Link

Link

HAS

DROP

DOWNMAILTO

LINKSCROLL

BELOW

334VOTES

#1IN POLLS

Home About Shirts Contact

DressResponsively

clothing co

SIZE US UP & CAST YOUR VOTE!

WHAT’S THIS ALL ABOUT?

SHOW ME ALL THE CANDIDATES

The Dress Responsively Clothing

Company doesn’t exist. Yet. This

website is a product of Sparkbox’s Build

Responsively workshop. Dress

Responsively was originally built as a

mock project to create working files and

content for the workshop’s attendees.

But then we got to thinking.

What standards-loving, responsively-

building, media-querying web citizens

wouldn’t love some apparel which flies

the flag of the future of the web? Let’s

turn it over to the people.

So here we are. If we are able to stump

for enough interest, tweets, and votes

for this geekwear, we’ll print up the

winner and make it available. Check out

the shirt designs, vote for your

frontrunner, and pass us along to your

friends. Democracy at work, folks. It’s

either that or mob rule, whichever comes

first. Either way, we all get sweet shirts

out of it.

SHOW ME THE CANDIDATES

Back to Top

SPARKBOXLOGO

MADE BY

BUILD RESPONSIVELY LOGO

EXCLUSIVELY FOR

Home About Shirts Contact

© Sparkbox 2012All Rights Reserved.

Responsive design is always the right

answer. Though it is not always the

only answer.

Listen to Bruce Lee. Be like water,

my friend.

We’ve got to design in the browser.

We just don’t have the tools yet.

El Presidente Say:EXPANDING

FOOTER

Link

Link

334VOTES

#1IN POLLS

Identiteit

identiteitHoe blijf je als merk

herkenbaar op klein scherm?

“In photography, the smallest thing can be a great subject. The little, human detail can

become a Leitmotiv. ”Henri Cartier-Bresson

3

Content in responsive design.. dimensions, ratio's en

contentblokken, objecten, containers.

maar.. Het heeft meestal niets te

maken met betekenis en relaties

Time magazine... Headline, Lede, image,

body, conclusion.

Beeldredactie... Let op de complexiteit, pas aspec ratio aan op level en

frequentie.

twee mogelijkheden Ander platform, andere content

óf conditional loading

fluid grid1

responsive images conditional loading

flexible images2

media queries3

Responsive content... semantiek

microcontentstrategische keuzes

context

Future Friendly Content.

@thamar