iPhone Web Development
•
9 j'aime•634 vues
This presentation was giving to the Omaha Ruby on Rails user group June 3, 2009.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (11)
En vedette
Similaire à iPhone Web Development
Similaire à iPhone Web Development (20)
Dernier
Dernier (20)
iPhone Web Development
- 1. iPhone and Ruby on Rails Web Development for the iPhone is still relevant.
- 2. Agenda Safari Browser iPhone Web-App Development Overview Ruby on Rails Demo Finish-up
- 4. Hi, I’m Andy
- 5. Hi, I’m Andy I’m an iPhone Developer
- 6. Hi, I’m Andy I’m an iPhone Developer
- 7. Hi, I’m Andy I’m an iPhone Developer Ninth Division
- 8. Hi, I’m Andy I’m an iPhone Developer Ninth Division Build applications one the Apple Platforms.
- 12. Browsers Evolved
- 14. Browser History
- 16. Konqueror Timeline Version 1 Version 2 1996 October 23, 2000 Version 4 2008 Switch to KHTML
- 18. Webkit Timeline www.webkit.org New Javascript Engine June 2, 2008 Begin work Safari first adaption 2002 October 23, 2000 Open Source June 7, 2005 HTML 5 Email to KDE Move from Nov 2007 mailing list from KTHML Apple to Webkit Dec. 2005
- 19. Safari Timeline
- 20. Safari Timeline Version 1 2003 Version 2 2005 Version 3 2007 Version 4 2009 Steve Announces Mac OSX 10.4 Mac OSX 10.6 Mac OSX Mac OSX 10.5 10.2 & 10.3
- 21. Safari Browser Features Mobile Desktop AJAX HTML 5 CSS 3 Offline Storage Developer Tools * Effects / Media * different per browser
- 22. Safari Browser Features Mobile Desktop AJAX HTML 5 CSS 3 Offline Storage Developer Tools * Effects / Media * different per browser
- 23. Safari Browser Features Mobile Desktop AJAX HTML 5 CSS 3 Offline Storage Developer Tools * Effects / Media * different per browser
- 24. Developer Tools
- 25. Developer Tools
- 26. Developer Tools
- 31. CSS
- 32. CSS
- 33. CSS
- 34. CSS
- 35. CSS
- 36. CSS
- 37. CSS
- 38. Want more CSS Recipes? Then Go Here
- 39. Excitement Safari Mobile Location Aware Better Offline Storage Flash Player Copy / Paste
- 40. Excitement Safari Mobile Location Aware Better Offline Storage Flash Player Copy / Paste
- 41. Excitement Safari Mobile Location Aware Better Offline Storage Flash Player Copy / Paste
- 44. Design Gotchas Thumbs - no pointer In and out of network coverage Thumbs usually 44x44 pixels iPhone / Standard style sheet [ provide both ]. Mouse pointer 12x12 pixels App or Webpage? Less screen size
- 45. Design Pointers Simplify the interface as much as you can. Tell user what is happening. Consistent design Interruptions Use the phone!
- 46. What doesn’t work. Javascript mouseover, mouseout, :hover and tooltips onkeydown, onkeypress, onkeyup, No streaming of files Files less than 10MB Javascript must execute in 5 seconds Safari support GZIP! Framesets will make your life hell.
- 47. General Notes Optimize Throw out your Javascript/CSS frameworks. Load your site in fragments. I love the iPhone too, but remember there are others. When you are done optimizing, optimize your site more
- 48. Human Interface Guidelines One of the most important documents as an iPhone developer - native and web.
- 49. Human Interface Guidelines One of the most important documents as an iPhone developer - native and web.
- 50. Human Interface Guidelines One of the most important documents as an iPhone developer - native and web. Download it here later
- 59. iPhone SDK Timeline “All you need is the Web Browser” - Steve
- 60. iPhone SDK Timeline “All you need is the Web Browser” - Steve iPhone Announced Jan. 2007 iPhone SDK March 2008 iPhone Available iPhone 2 Public June 2007 July 2008 SDK is Webkit Open First Fart Closed Beta App Freak out
- 61. Safari Mobile Examples Weather Underground TA-DA List Flickr.com Twitter.com
- 66. Dashcode.app Honestly, I hate it.
- 67. Webkit Embedded Not going to talk much about this, but just so you know... you can embed the core of safari in your native iPhone App.
- 68. iUI http://code.google.com/p/iui/ “We will rock your world when you want to build a native looking iPhone web application”
- 69. CiUI http://code.google.com/p/ciui-dev/ “We are iUI with a slightly different design”
- 70. Tools needed iPhone SDK iPhoney Your iPhone or iPod-Touch
- 71. Apple Developer Connection Let’s all create an account
- 72. Safari / iPhone Development Center Did Andy show you these links?
- 73. Ruby on Rails
- 74. Code. No slides for this section. ;-)
- 75. Cocoa User Group Focus on Cocoa and Cocoa-touch .... but include: Mac, iPhone, iPhone-web, Mac- web, XCode, Interface Builder, Safari
- 76. Open Debate lets start a flame war.
Notes de l'éditeur
- Who’s new to rails? Who’s done a tutorial or two and beggs to use but still uses crappy java? Who has done anything with the iPhone SDK? Who owns an iPhone?
- Stuff you should already know.
- What do you guys know about Safari? Webkit? KDE? Used on many other browsers?
- Webkit is a fork of KHTML, but didn’t start that way. Apple build their own to become webkit. Began work somewhere after KDE 2. WebCore and JavascriptCore are open sourced under GNU
- Features that matter to developers and designers So lets talk about some of those features.
- Features that matter to developers and designers So lets talk about some of those features.
- Flash - we will *never* see it
- Flash - we will *never* see it
- Happy iPhone is a happy user. - you care about your users right? Design is crucial to a happy user.