CSS In Your Pocket - Mobile CSS Tips From The Trenches

CSS In Your Pocket - Mobile CSS Tips From The Trenches

JSConf via YouTube Direct link

Test on Firefox OS Devices First

15 of 17

15 of 17

Test on Firefox OS Devices First

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS In Your Pocket - Mobile CSS Tips From The Trenches

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

  1. 1 Intro
  2. 2 Two Types of CSS Debugging
  3. 3 A Manageable Workflow: Get Layout Right Early
  4. 4 Who is your target demographic? Decide on target devices & browsers
  5. 5 Prototype in your browser Don't even open Photoshop yet
  6. 6 Design within the context of your constraints
  7. 7 TOOL: Responsive Design View & Media Queries Helper in Firefox
  8. 8 3. START TESTING ON DEVICES
  9. 9 Android 2.3 is the new IE6 A Checklist of Common Pitfalls
  10. 10 position: fixed; doesn't behave well
  11. 11 Firefox and Chrome on Android
  12. 12 Layout decent? Perf time! Use this point as your baseline
  13. 13 Performance Problems: A Crash Course
  14. 14 Check your preprocessor output!
  15. 15 Test on Firefox OS Devices First
  16. 16 Debug Firefox or Fx for Android?
  17. 17 PROJECT FEVERDREAM

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.