iPhone Web Development
•
9 gefällt mir•634 views
This presentation was giving to the Omaha Ruby on Rails user group June 3, 2009.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (11)
Andere mochten auch
Ähnlich wie iPhone Web Development
Ähnlich wie iPhone Web Development (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (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.
Hinweis der Redaktion
- 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.