Your SlideShare is downloading. ×
Morgenbooster / Responsive Design / 22. marts 2012
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Morgenbooster / Responsive Design / 22. marts 2012

13,831
views

Published on

Published in: Design, Business, Technology

1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total Views
13,831
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
48
Comments
1
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. MORGENBOOSTERRESPONSIVEDESIGNVED PETER SOLOW & HJØRDIS THORBORG
  • 2. MORGENBOOSTER 22. MARTS 2012
  • 3. MORGENBOOSTER 22. MARTS 2012
  • 4. MORGENBOOSTER 22. MARTS 2012
  • 5. MORGENBOOSTER 22. MARTS 2012
  • 6. MORGENBOOSTER 22. MARTS 2012
  • 7. MORGENBOOSTER 22. MARTS 2012
  • 8. MORGENBOOSTER 22. MARTS 2012
  • 9. MORGENBOOSTER 22. MARTS 2012
  • 10. MORGENBOOSTER 22. MARTS 2012
  • 11. RESPONSIVE WEB DESIGN”AT IT’S MOST BASIC LEVEL,RESPONSIVE DESIGN IS ABOUTSERVING ONE HTML DOCUMENTTO COUNTLESS BROWSERES ANDDEVICES...” Ethan Marcotte, Responsive web design
  • 12. MORGENBOOSTER 22. MARTS 2012 HTTP://WWW.SMASHINGMAGAZINE.COM/
  • 13. MORGENBOOSTER 22. MARTS 2012
  • 14. DESIGNOPMENT”…COMBINING DESIGN ANDDEVELOPMENT INTO ONE HYBRIDPHASE, BRINGING THE TWO TEAMSINTO ONE HIGHLY COLLABORATIVEGROUP.” Ethan Marcotte, Responsive web design
  • 15. MORGENBOOSTER 22. MARTS 2012
  • 16. MORGENBOOSTER 22. MARTS 2012MODUL IA
  • 17. MORGENBOOSTER 22. MARTS 2012LIVE MOCKUP – BREAKPOINT IDENTIFIKATION 1240 PX 768 PX 320 PX
  • 18. MORGENBOOSTER 22. MARTS 2012
  • 19. MORGENBOOSTER 22. MARTS 2012
  • 20. MORGENBOOSTER 22. MARTS 2012ET DESIGNBLIKPÅ RESPONSIVEWEB DESIGN
  • 21. MORGENBOOSTER 22. MARTS 2012”WEB DESIGNTRENDS IN 2011”Web Design Ledger
  • 22. MORGENBOOSTER 22. MARTS 2012
  • 23. MORGENBOOSTER 22. MARTS 2012WEB DESIGN TRENDS 20111. MORE CSS3 + HTML52. SIMPLE COLOR SCHEMES3. MOBILE READY4. PARALLAX SCROLLING5. DESIGNING FOR TOUCH SCREENS, NOT MICE6. DEPTH PERCEPTION IN WEB DESIGN7. LARGE PHOTOGRAPHIC BACKGROUNDS8. ADVENTUROUS DOMAIN NAMES & INTEGRATION9. QR: QUICK RESPONSE10. THUMBNAIL DESIGN11. CONSTANT CONNECTION/ LIFE STREAM
  • 24. MORGENBOOSTER 22. MARTS 2012”WEB DESIGNTRENDS IN 2012”Web Design Ledger
  • 25. MORGENBOOSTER 22. MARTS 2012
  • 26. MORGENBOOSTER 22. MARTS 2012WEB DESIGN TRENDS 20121. RESPONSIVE WEB DESIGN2. FIXED-POSITION NAVIGATION3. CIRCLES4. BIG VECTOR ART5. MULTI-COLUMN MENUS6. JQUERY/CSS3/HTML5 ANIMATION7. RIBBONS & BANNER GRAPHICS8. CUSTOM FONT FACES9. INFOGRAPHICS10. FOCUS ON SIMPLICITY
  • 27. MORGENBOOSTER 22. MARTS 2012”WEB DESIGNTRENDS IN 2012”Web Design Ledger
  • 28. MORGENBOOSTER 22. MARTS 2012
  • 29. MORGENBOOSTER 22. MARTS 2012WEB DESIGN TRENDS 20121. RESPONSIVE WEB DESIGN2. FIXED-POSITION NAVIGATION3. CIRCLES4. BIG VECTOR ART5. MULTI-COLUMN MENUS6. JQUERY/CSS3/HTML5 ANIMATION7. RIBBONS & BANNER GRAPHICS8. CUSTOM FONT FACES9. INFOGRAPHICS10. FOCUS ON SIMPLICITY
  • 30. MORGENBOOSTER 22. MARTS 2012
  • 31. MORGENBOOSTER 22. MARTS 2012
  • 32. MORGENBOOSTER 22. MARTS 2012
  • 33. MORGENBOOSTER 22. MARTS 2012..”15 TOP WEB DESIGNAND DEVELOPMENTTRENDS FOR 2012”.NET MAGAZINE
  • 34. MORGENBOOSTER 22. MARTS 2012WEB DESIGN AND DEVELOPMENT TRENDS 20121. PROGRESSIVE ENHANCEMENT2. RESPONSIVE DESIGN3. FLASH WILL SURVIVE4. NATIVE SUPPORT FOR PLUG-IN FEATURES5. APPIFICATION TAKES HOLD6. WEB APP FRAGMENTATION7. MOBILE GETS BIGGER8. A DEVICE EXPLOSION9. RESPECT BEYOND AESTHETICS10. SOCIAL BATTLES HEAT UP11. GROWTH OF THE TWO-SCREEN MODEL
  • 35. MORGENBOOSTER 22. MARTS 2012..”THE WEB HAS MOVEDBEYOND THE DESKTOPAND IT’S NOT MOVINGBACK”Ethan Marcotte
  • 36. MORGENBOOSTER 22. MARTS 2012WTF…!!!
  • 37. MORGENBOOSTER 22. MARTS 2012VI ELSKER PHOTOSHOPOG ILUSTRATOR!
  • 38. MORGENBOOSTER 22. MARTS 2012VI ER VANT TIL ATTÆNKE I DYNAMISKEPRINCIPPER, MEN…
  • 39. MORGENBOOSTER 22. MARTS 2012…NU SKAL VI DESIGNE IEN ”LIVE” PROTOTYPE
  • 40. MORGENBOOSTER 22. MARTS 2012VI ELSKER VORESFAGLIGE INTEGRITET!
  • 41. MORGENBOOSTER 22. MARTS 2012VI ER VANT TIL TÆTDIALOG MED INTERFACEUDVIKLEREN, MEN…
  • 42. MORGENBOOSTER 22. MARTS 2012…NU SKAL VI DELEDESIGNPROCESSEN
  • 43. MORGENBOOSTER 22. MARTS 2012VI ELSKER AT SIKRE HØJBRANDMÆSSIG VÆRDI!
  • 44. MORGENBOOSTER 22. MARTS 2012VI ER VANT TIL ETFLEKSIBELT KANVAS,MEN…
  • 45. MORGENBOOSTER 22. MARTS 2012…NU SKAL VORES WEBDESIGN PRESSES NED IDIVERSE DEVICES
  • 46. MORGENBOOSTER 22. MARTS 2012ELSKER VI RESPONSIVEWEB DESIGN!?!
  • 47. MORGENBOOSTER 22. MARTS 2012”WE CAN EMBRACE THEFLEXIBILITY INHERENT TOTHE WEB, WITHOUTSURRENDERING THECONTROL WE REQUIRE ASDESIGNERS”ETHAN MARCOTTE
  • 48. MORGENBOOSTER 22. MARTS 2012RESPONSIVEWEB DESIGN UD FRAET KUNDEPERSPEKTIV
  • 49. MORGENBOOSTER 22. MARTS 20121. BETYDNING FOR TILBUD OG BUDGET2. RESPONSIVE WEB DESIGN I ONLINE STRATEGI3. DYNAMISKE PRINCIPPER I DESIGN KONCEPT4. “LIVE” PROTOTYPE DEL AF DEN AGILE PROCES5. “LIVE” VISNING PÅ DESIGN PRÆSENTATIONER6. HTML SOM DESIGN LEVERANCE7. TILPASNING TVÆRS AF DEVICES = VÆRDISKABELSE8. FREMTIDSSIKRING
  • 50. MORGENBOOSTER 22. MARTS 2012..TAK!LÆS MERE PÅ:1508.DK/1508PLUS/RESPONSIVE