Pragmatic Approaches to the Mobile Web

Slides from a short presentation I gave at DevMob last November about how we approached the responsive mobile version of Letterboxd.

Transcript

1. Pragmatic Approaches to MOBILE WEB Matthew Buchanan • @mrb
2. The Old Way m.nzherald.co.nz
3. The New Way MEDIA QUERIES FLUID GRIDS FLUID IMAGES
4. The New Way SAME URL SAME MARKUP <> ALL DEVICES
5. But… JAVASCRIPT HEAVY? DIFFERENT MARKUP? <>
6. Wishlist SAME TEMPLATES SMART DEFAULT SOME MARKUP DIFFERENCES USER CAN OVERRIDE RESPONSIVE ON MOBILES
8. Solution
9. Solution CHECK COOKIE FOR USER SELECTION
10. Solution CHECK COOKIE IF SET, RENDER USER’S CHOICE
11. Solution CHECK COOKIE IF SET… IF NOT SET, CHECK DEVICE WIDTH
12. Solution CHECK COOKIE IF SET… IF NOT SET… SET & CHECK COOKIE, RELOAD PAGE
13. Solution CHECK COOKIE IF SET… IF NOT SET… SET COOKIE GOTO 10
14. Wishlist SAME TEMPLATES RESPONSIVE ON MOBILES SMART DEFAULT USER CAN OVERRIDE SOME MARKUP DIFFERENCES