What is the
                                                                                  mobile web?
                ...
Dave Ross
• Lead Developer
• Ten years experience
• PHP & Javascript
• davidmichaelross.com
WAP is dead.
                                                   Let’s pretend it never happened




What is the mobile web...
Today’s phones know
                                the web


What is the mobile web? A developer’s perspective :: Dave Ro...
•       HTML
                                                                           •       CSS
                      ...
(No Flash)


What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meet...
240x320
                                                  Dominant mobile screen in 2008
                                 ...
Smartphones:

                     • iPhone/Mobile Safari: 320x396
                     • Blackberry: 320x240 (varies by m...
Use liquid layouts
                                                                       Ugh! Those again?




What is th...
Treat height as infinite
                                            Pages load slowly, but scrolling is fun.




What is t...
Big buttons & icons
                                           Best-selling phone has a touchscreen.




What is the mobil...
Minimal text input
                                                  Can’t do 50 WPM on an iPhone.




What is the mobile ...
Use minimal Javascript
                                                      Blackberry’s browser hates it.




What is th...
AJAX > page load
                                                            Everything in moderation.




What is the mob...
Use a CMS?
                                               It probably has a plugin for mobile.




What is the mobile web?...
Test!
                                                      Handset makers encourage it.




What is the mobile web? A dev...
Emulators



What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meet...
iPhone SDK + XCode
                                                                http://developer.apple.com/iphone




W...
Blackberry Simulator
                                   http://na.blackberry.com/eng/developers/resources/simulators.jsp

...
Android Emulator
                                 http://developer.android.com/guide/developing/tools/emulator.html




Wh...
Questions?



What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Mee...
Upcoming SlideShare
Loading in...5
×

The Mobile Web: A developer's perspective

828

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
828
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×