b rowsing with m obiles
play

B ROWSING WITH M OBILES Indian Institute of Technology Kanpur - PowerPoint PPT Presentation

Apr 04, 2023 •134 likes •398 views

B ROWSING WITH M OBILES Indian Institute of Technology Kanpur Commonwealth of Learning Vancouver MOOC on M4D 2013 T.V. Prabhakar IIT Kanpur MOOC on M4D 2013 When the screen sizes change.. Browser HTTP HTTP Browser Let us see a few sites

  1. B ROWSING WITH M OBILES Indian Institute of Technology Kanpur Commonwealth of Learning Vancouver MOOC on M4D 2013

  2. T.V. Prabhakar IIT Kanpur MOOC on M4D 2013

  3. When the screen sizes change.. Browser HTTP HTTP Browser

  4. Let us see a few sites first

  5. New York Times • http://www.nytimes.com/ • Horizontal scroll bar if I resize the window • mobile.nytimes.com • app MOOC on M4D 2013

  6. MOOC on M4D 2013

  9. gmail • Gmail desktop version – Changes the layout according to the size of the window, but not all the way • Gmail mobile version • Gmail app MOOC on M4D 2013

  12. MOOC on M4D 2013

  13. MOOC on M4D 2013

  15. App MOOC on M4D 2013

  16. Boston Globe • http://www.bostonglobe.com/ • Continuous adjustment • 3 columns become 2 and then 1 • Displays well on the mobile (all screen sizes) • There is an app for the mobile MOOC on M4D 2013

  23. When the screen size changes • Three ways to handle it 1. Same code – responsive 2. Detect user agent and send different code 3. App MOOC on M4D 2013

  24. Home work • Play with the sites that you visit to see if they are responsive or not MOOC on M4D 2013

  25. THANK YOU MOOC on M4D 2013

More recommend