The Mobile Web: A developer's perspective

1,045 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,045
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • The Mobile Web: A developer's perspective

    1. 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. 2. Dave Ross • Lead Developer • Ten years experience • PHP & Javascript • davidmichaelross.com
    3. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

    ×