The Mobile Viewports - Understanding Layout, Visual, and Ideal Viewports

The Mobile Viewports - Understanding Layout, Visual, and Ideal Viewports

Web Conferences Amsterdam via YouTube Direct link

@viewport

12 of 20

12 of 20

@viewport

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

The Mobile Viewports - Understanding Layout, Visual, and Ideal Viewports

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 A pixel is not a pixel
  3. 3 Device pixels
  4. 4 What kind of pixels?
  5. 5 JavaScript - layout viewport
  6. 6 JavaScript - visual viewport
  7. 7 Ideal viewport: 320px
  8. 8 JavaScript - ideal viewport
  9. 9 Min-width viewport
  10. 10 Safari workaround
  11. 11 Perfect meta viewport
  12. 12 @viewport
  13. 13 Even perfecter viewport
  14. 14 Media queries -device-width
  15. 15 Responsive design
  16. 16 CSS units
  17. 17 Resolution
  18. 18 iPhone 3G
  19. 19 Samsung Galaxy Pocket
  20. 20 BlackBerry ZIO

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.