Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webinar mobile presentation_2010

  • Be the first to comment

Webinar mobile presentation_2010

  1. 1. Adobe CS4 Design Premium Web seminar 2010.04.29 17:00 ~ 18:00
  2. 2. Adobe CS4 Web Premium
  3. 3. Tablet PC Smart Phone Beyond Web
  4. 4. Adobe Creative Leader CrossMedia Website
  5. 5. www.naver.com m.naver.com
  6. 6. device is iPhone? var browser = navigator.userAgent.toLowerCase(); var is_iPhone = browser.indexOf(‘iphone’) != -1; if(is_iPhone){ window.location=‘http://m.naver.com’; } else { window.location=‘http://www.naver.com’; }
  7. 7. viewport Size 320 X 480 480 X 320
  8. 8. (viewport) (viewport)
  9. 9. iPhone Size Optimization <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
  10. 10. ,
  11. 11. Home icon size 57X57
  12. 12. Home icon size 57X57
  13. 13. iPhone Home button <link rel="apple-touch-icon" href="home_icon.png" />
  14. 14. CSS Sprite . .
  15. 15. CSS Sprite . CSS Sprite
  16. 16. CSS Sprite . CSS Sprite
  17. 17. iPhone Style Code <!--[if !IE]>--> <link href="iphone.css" type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" /> <!--<![endif]--> @media only screen and (max-device-width: 480px) { }
  18. 18. Thank’s BLOG | blog.naver.com/yamoo9 E-mail | yamoo9@naver.com

×