The Mobile Web: A developer's perspective

  • 775 views
Uploaded on

 

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
775
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
16
Comments
0
Likes
0

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. What is the mobile web? A developer’s perspective. Dave Ross Suburban Chicago PHP & Web Dev November 5, 2009 What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 2. Dave Ross • Lead Developer • Ten years experience • PHP & Javascript • davidmichaelross.com
  • 3. WAP is dead. Let’s pretend it never happened What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 4. Today’s phones know the web What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 5. • HTML • CSS • Javascript • Cookies What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 6. (No Flash) What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 7. 240x320 Dominant mobile screen in 2008 source: http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 8. Smartphones: • iPhone/Mobile Safari: 320x396 • Blackberry: 320x240 (varies by model) • G1 (Android): 320x480 • Palm Pre: 320x480 What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 9. Use liquid layouts Ugh! Those again? What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 10. Treat height as infinite Pages load slowly, but scrolling is fun. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 11. Big buttons & icons Best-selling phone has a touchscreen. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 12. Minimal text input Can’t do 50 WPM on an iPhone. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 13. Use minimal Javascript Blackberry’s browser hates it. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 14. AJAX > page load Everything in moderation. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 15. Use a CMS? It probably has a plugin for mobile. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 16. Test! Handset makers encourage it. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 17. Emulators What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 18. iPhone SDK + XCode http://developer.apple.com/iphone What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 19. Blackberry Simulator http://na.blackberry.com/eng/developers/resources/simulators.jsp What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 20. Android Emulator http://developer.android.com/guide/developing/tools/emulator.html What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 21. Questions? What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr