Webinar mobile presentation_2010

1,169 views

Published on

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,169
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide






















  • 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

    ×