Coding for iPhone
Download as PPT, PDF
1 like550 views
My presentation at clienttech, Moscow, 15-16 Dec, 2008. http://cienttech.ru
![舒亰仍亳舒 仂亳亠仆舒亳 JS: currentWidth = window . innerWidth ; var orient = currentWidth == 320 ? "profile" : "landscape" ; document . body . setAttribute ( "orient" , orient); CSS: body[orient="profile"] {} body[orient="landscape] {}](https://image.slidesharecdn.com/iphone-1229513886281577-2/85/Coding-for-iPhone-34-320.jpg)
![弌弌! 豫亳亶 ﾑ, 舒亶: http://cssing.org.ua 仗仂舒: [email_address]](https://image.slidesharecdn.com/iphone-1229513886281577-2/85/Coding-for-iPhone-42-320.jpg)
Coding for iPhone
- 1. 从舒 亟仍 iPhone 16 亟亠从舒弍, 2008, 仂从于舒
- 2. 仂亟舒仆仂 弍仂仍亠亠 10 000 000
- 3. 舒 仍亠亟ﾑ亳亠 12 仄亠亠于 亠亠 40 000 000
- 4. 舒 仍亠亟ﾑ亳亠 12 仄亠亠于 亠亠 40 000 000 85% 于仍舒亟亠仍亠于 仂亟亳仍亳 于 亳仆亠仆亠
- 5. 于 舒于仆仂 仆亠仍亰 于亠舒 仂仍从仂 亟仍 iPhone
- 6. 油
- 7. Dont Build for Just One Device Flickr
- 8. 仂弍亳仍仆亠 仗仍舒仂仄 Nokia ( Symbian ) WebKit iPhone WebKit Android WebKit 亠 舒从 于舒亢亠仆 舒仄 iPhone 从舒从 弍亟亠亠.
- 9. 丼亠仄 仂仍亳舒亠 仂 亟亞亳? 仂亳 仗仂仍仆仂亠仆仆亶 弍舒亰亠
- 10. 丼亠仄 仂仍亳舒亠 仂 亟亞亳? 仂亳 仗仂仍仆仂亠仆仆亶 弍舒亰亠 于舒 亠亢亳仄舒 ( portrait+landscape )
- 11. 丼亠仄 仂仍亳舒亠 仂 亟亞亳? 仂亳 仗仂仍仆仂亠仆仆亶 弍舒亰亠 于舒 亠亢亳仄舒 ( portrait+landscape ) 舒仍 仂亠仆 舒亰仆亠 (仂从从亠亳 亳 弍舒仍亠亳仆)
- 12. 丼亠仄 仂仍亳舒亠 仂 亟亞亳? 仂亳 仗仂仍仆仂亠仆仆亶 弍舒亰亠 于舒 亠亢亳仄舒 ( portrait+landscape ) 舒仍 仂亠仆 舒亰仆亠 仂
- 13. 舒仗亳舒仆亳亠 仗仂亠亰亟仂于? 亟仆 仄亳仆, 仗仂仄仂 仆舒 舒亶亠 .
- 14. 丼亊
- 15. 仂亳 Safari, 从仂仄亠... 舒亰仄亠 仗亳仍仂亢亠仆亳 仆亠 弍仂仍亠亠 10弍 亠 亟仍 舒亶仍仂于 仆亠 弍仂仍亠亠 25弍 丐舒亶仄舒 于亠亞仂, 仂 亳仗仂仍仆磳 弍仂仍亠亠 5 亠从仆亟 仍亳从 仆亠仂仆亶, 仄从亳 仆亠 亠 舒弍仂 舒亶仍舒仄亳 Flash
- 16. 舒亰仄亠 从舒仆舒
- 17. 弌
- 18. 丱仂仂亠亠 亠 Internet Explorer 亠 Internet Explorer 亳 Nokia 1100!!! AJAX 仂仍亳仆仂 舒弍仂舒亠 CSS 于仂亰仄仂亢仆仂 仗仂亳 于亠 仂 亳亰于亠仆仂 Canvas
- 19. CSS3 亳 舒仆亳仄舒亳 .div際際滷 {油 油 油 油 -webkit-animation-name: " slide-me-to-the-right ";油 油 油 油 -webkit-animation-duration: 1s ; } @-webkit-keyframes " slide-me-to-the-right " {油 油 油 油 from { left: 0px ; }油 油 油 油 to { left: 100px ; } }
- 20. 丿亳 ( Helvetica! )
- 21. 乘 弌丐乘 亊 IPHONE
- 22. 亠 舒弍仂舒ﾑ
- 23. 丱仂 弍 仂从于舒ﾑ
- 24. 仗亳仄亳亰亳仂于舒仆
- 25. 仂仗亳ﾑ 亳仆亠亠亶 (iUI)
- 27. 仂 从舒从仂仄 仗亳 亳亟亳?
- 28. 仂 从舒从仂仄 仗亳 亳亟亳? 仂 仗舒于亳仍仆仂仄!
- 29. 仂 从舒从仂仄 仗亳 亳亟亳? 舒亳舒仆 仂仗亳仄亳亰亳仂于舒仆仆仂亞仂 舒亶舒 舒仗仂仄亳仆舒ﾑ亳亶 亟亳亰舒亶仆 亠 仂亞舒仆亳亠仆 亳仆亠亠亶仂仄 舒亳于仂
- 30. 丐丶亊 弌丐 亊 IPHONE
- 31. CSS 亟仍 iPhone: <link media="only screen and (max-device-width: 480px)" /> CSS 亟仍 于亠 仂舒仍仆: <link media="screen and (min-device-width: 481px) /> JS: if (navigator.userAgent.indexOf('iPhone') != -1)
- 32. 舒亰仄亠 从舒仆舒
- 34. 舒亰仍亳舒 仂亳亠仆舒亳 JS: currentWidth = window . innerWidth ; var orient = currentWidth == 320 ? "profile" : "landscape" ; document . body . setAttribute ( "orient" , orient); CSS: body[orient="profile"] {} body[orient="landscape] {}
- 36. 丐舒亳从 丕仄亠仆亠仆亳亠 HTTP- 亰舒仗仂仂于 亠仆亠 从舒亳仆仂从 Gzip 亠亳仂于舒仆亳亠 (舒亶仍 仄亠仆亠亠 25弍) 磻 (亞亰亳 舒亳 舒亶舒) Base64 亰弍亠亞舒 亠亶仄于仂从仂于
- 37. 仗亳仄亳亰舒亳 亳亰仂弍舒亢亠仆亳 舒仗亠亳 仗仂仍亰仂于舒亠仍 于亠仍亳亳于舒 舒亶: 亟亳仆舒从仂于亶 舒亰仄亠 亳舒 仗亳 仗仂于仂仂舒:
- 38. 豫亰舒弍亳仍亳亳 弌仍从亳 从仆仂仗从亳. 仂仍舒 从仍亳从舒弍亠仍仆舒 仂弍仍舒. 亠从仂仄亠仆亟亠仄亶 亳 Helvetica 亠亞从亳亠 舒仆亳从亳
- 39. 仂仍亠亰仆亠 仄亠仍仂亳 于仂仆仂从 仗仂 从仍亳从: <a href="tel:555-1212">Call Me</a> 仂 仄仂仍舒仆亳 于 亳 仗仂仍 于于仂亟 亳仍舒: <input name="phone_whatever" <input name="zip" 丐仍亳仗
- 40. 丐亠亳仂于舒 iPhoney (亟亳亰舒亶仆) ySlow ( 仗仂亳亰于仂亟亳亠仍仆仂 ) 弍仆亠 亳仆仄亠仆 于亠弍-舒亰舒弍仂从亳 iPhone
- 41. 弌仍从亳 亳亳舒仍仆舒 亟仂从仄亠仆舒亳: http://developer.apple.com/webapps/ 丱仂仂亳亶 束舒从亠从亳亶損 亠 http://www.iphonewebdev.com/ 个亠亶仄于仂从 亳仆亠亠亶仂仄 仗仂亟 iPhone: http://code.google.com/p/iui/ 弌舒 仆舒 alistapart: http://www.alistapart.com/articles/putyourcontentinmypocket
- 42. 弌弌! 豫亳亶 ﾑ, 舒亶: http://cssing.org.ua 仗仂舒: [email_address]