iPhone Web Development
•
9 likes•634 views
The document discusses iPhone web development. It provides an overview of the Safari browser and its features on both desktop and mobile. It then demonstrates Ruby on Rails for iPhone development. Key points covered include iPhone interface guidelines, limitations of JavaScript on iPhone, and examples of popular websites developed for the iPhone using only web technologies.
Recommended
Recommended
More Related Content
What's hot
What's hot (11)
Viewers also liked
Similar to iPhone Web Development
Similar to iPhone Web Development (20)
Recently uploaded
Recently uploaded (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.
Editor's Notes
- 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.