Your SlideShare is downloading. ×

Webinar mobile presentation_2010

958

Published on

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

No Downloads
Views
Total Views
958
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
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. Adobe CS4 Design Premium Web seminar 2010.04.29 17:00 ~ 18:00
    • 2. Adobe CS4 Web Premium
    • 3. Tablet PC Smart Phone Beyond Web
    • 4. Adobe Creative Leader CrossMedia Website
    • 5. www.naver.com m.naver.com
    • 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. viewport Size 320 X 480 480 X 320
    • 8. (viewport) (viewport)
    • 9. iPhone Size Optimization <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
    • 10. ,
    • 11. Home icon size 57X57
    • 12. Home icon size 57X57
    • 13. iPhone Home button <link rel="apple-touch-icon" href="home_icon.png" />
    • 14. CSS Sprite . .
    • 15. CSS Sprite . CSS Sprite
    • 16. CSS Sprite . CSS Sprite
    • 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. Thank’s BLOG | blog.naver.com/yamoo9 E-mail | yamoo9@naver.com

    ×