pile of eWaste - computers, printers
IMM Main  |  IMM Site  |  General Information  
» MD Home
» Week 01
» Week 02
» Week 03
» Week 04
» Week 05
» Week 06
» Week 07
READING WEEK
» Week 08
» Week 09
» Week 10
» Week 11
» Week 12
» Week 13
» Week 14

Mobile Design

Week 04 - Media Queries

Mobile First

  • Mobile First Media Queries - presentation notes
  • Mobile First File - zip
  • Graceful Degradation vs Progressive Enhancement
  • Designer's Guide to Perceived Performance
  • Performance Example - LinkedIN

    • Typography Resources

    typography scale
  • Typetester
  • Rules for Responsive Web Typography
  • Responsive Web Typography
  • Modular Scale Calculator
  • Em Sizing Explained
  • Responsive Typography Tips

    • CSS

  • CSS Rule
  • Inheritance
  • Box Model
  • Box Model - Tweeking
  • Modular Scale - review notes
  • Javascript Shim - zip

    • Media Queries

  • Starting with Media Queries
  • Modify Base File
  • Use a Modular Scale

    • Devices and Tools

  • Chrome Dev Tools - info
  • FireBug for Firefox - info
  • How to Read Waterfall Charts
  • Device vs Simulators
  • Build your own device library

    • Presentation Notes

  • Media Queries

    • Resources

  • Future Friendly

    • Assignment

  • Archetypes and Their Use in Mobile UX - Reading
    		•

    Interactive Multimedia 2011-2012