Your SlideShare is downloading. ×
0
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
High edweb brousseau
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

High edweb brousseau

396

Published on

Портал Как сделать презентацию http://presportal.ru/, Международная высшая школа презентаций и коммуникаций http://presuniversity.com/

Портал Как сделать презентацию http://presportal.ru/, Международная высшая школа презентаций и коммуникаций http://presuniversity.com/

Published in: Design, Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
396
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
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. DESIGNINGBIG PICTUREfor the (multi)
  • 2. Hi.I’m Jon
  • 3. pixel fonts!
  • 4. <wml><card id="content" title="Title Card"><p>My spiffy WML page.</p></card></wml>
  • 5. WHYSO TELL MEI SHOULD CARE?
  • 6. 20132005Source: NBC News
  • 7. Source: Cisco Visual Networking IndexIN 2012GREWGLOBAL MOBILE DATA TRAFFIC70%
  • 8. Look & Feel01Experience02Content03Technology04
  • 9. 01THE LOOK & FEELlookin’ good
  • 10. ONE WEBIT’S NO LONGER
  • 11. 010203Desktop First
  • 12. Mobile First010203
  • 13. 02THE EXPERIENCEfeelin’ good
  • 14. Pinch & Zoom
  • 15. Drag
  • 16. 03THE CONTENTmakin’ sense
  • 17. 04THE TECHNOLOGYwhat makes it tick?
  • 18. Responsive
  • 19. .container { width: 960px; margin:0 auto; }@media screen and (max-width: 768px) {! .container { width: 728px; }}@media screen and (max-width: 320px) {! .container { width: 100%; }}
  • 20. Single codebase;Less expensive and moreefficient to maintainMore code to render;image resizing may beinadequatesome pros: some cons:Responsive
  • 21. Dedicated
  • 22. Content specificityMore optimizedexperience;Separate codebase;Requires ServerConfigurationsome pros: some cons:Dedicated
  • 23. DEDICATEDRESPONSIVEVERSUS or
  • 24. 05THE CASE STUDIESputting it all together
  • 25. BU HOMEPAGEbu.edu
  • 26. THE BUSbu.edu/bus
  • 27. BOSTONIAbu.edu/bostonia
  • 28. THANK YOU

×