thamar kiemel | future friendly content contentcafé #06
TRANSCRIPT
![Page 1: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/1.jpg)
Future Friendly Content.
@thamar
![Page 2: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/2.jpg)
future friendly1
responsive2
beeld content3
![Page 3: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/3.jpg)
“The future cannot be predicted, but futures
can be invented”
Dennis Gabor, inventing the future 1963
1
![Page 4: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/4.jpg)
futurefriend.ly “Disruption will only
accelerate”
![Page 5: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/5.jpg)
Schaalbaarheid op devices
![Page 6: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/6.jpg)
Sensors en andere output
![Page 7: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/7.jpg)
futurefriend.ly “Our existing standards,
workflows, and infrastructure won't hold up. ”
![Page 8: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/8.jpg)
Een ander werkproces
![Page 9: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/9.jpg)
futurefriend.ly “Proprietary solutions will
dominate at first.”
![Page 10: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/10.jpg)
Gebruiken wat je kent
![Page 11: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/11.jpg)
content first1
futurefriend.ly Oplossingen:
mobile first2
orbital content3
![Page 12: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/12.jpg)
Orbital Content
![Page 13: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/13.jpg)
Responsive content... Als je voor content
de context niet meer te voorspellen is, moet het
doelgericht, waardevol en doordacht zijn.
![Page 14: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/14.jpg)
“The secret to getting ahead is getting started.”
Things Mark Twain Didn't Really Say
2
![Page 15: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/15.jpg)
Responsive.. is nog steeds iets tussen developers en designers.
![Page 16: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/16.jpg)
![Page 17: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/17.jpg)
![Page 18: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/18.jpg)
![Page 19: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/19.jpg)
responsive content Kijk niet alleen naar
schaalbaarheid op scherm
![Page 20: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/20.jpg)
Patterns
![Page 21: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/21.jpg)
content templateshandig voor recht-toe
recht-aan sites
![Page 22: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/22.jpg)
![Page 23: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/23.jpg)
patternsinzichtelijk maken
van concepten.
![Page 24: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/24.jpg)
![Page 25: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/25.jpg)
inzichtelijk maken =verwachting managen
![Page 26: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/26.jpg)
patternsresponsive content:
priority guide
![Page 27: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/27.jpg)
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
![Page 28: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/28.jpg)
Identiteit
![Page 29: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/29.jpg)
identiteitHoe blijf je als merk
herkenbaar op klein scherm?
![Page 30: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/30.jpg)
![Page 31: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/31.jpg)
“In photography, the smallest thing can be a great subject. The little, human detail can
become a Leitmotiv. ”Henri Cartier-Bresson
3
![Page 32: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/32.jpg)
Content in responsive design.. dimensions, ratio's en
contentblokken, objecten, containers.
![Page 33: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/33.jpg)
maar.. Het heeft meestal niets te
maken met betekenis en relaties
![Page 34: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/34.jpg)
![Page 35: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/35.jpg)
Time magazine... Headline, Lede, image,
body, conclusion.
![Page 36: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/36.jpg)
Beeldredactie... Let op de complexiteit, pas aspec ratio aan op level en
frequentie.
![Page 37: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/37.jpg)
![Page 38: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/38.jpg)
![Page 39: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/39.jpg)
![Page 40: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/40.jpg)
![Page 41: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/41.jpg)
![Page 42: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/42.jpg)
![Page 43: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/43.jpg)
twee mogelijkheden Ander platform, andere content
óf conditional loading
![Page 44: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/44.jpg)
fluid grid1
responsive images conditional loading
flexible images2
media queries3
![Page 45: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/45.jpg)
Responsive content... semantiek
microcontentstrategische keuzes
context
![Page 46: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/46.jpg)
![Page 47: Thamar Kiemel | Future Friendly Content ContentCafé #06](https://reader033.vdocuments.mx/reader033/viewer/2022060201/5599a5a51a28ab03698b4704/html5/thumbnails/47.jpg)
Future Friendly Content.
@thamar