home » snippets » webdev » mobile

Links

• good: A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App
• nngroup.com / Nielsen Norman Group
  • Website Response Times
    • Ref: Older version from 1997: Response Time Limits
  • Mobile Usability Update
  • iPad Usability: Year One
  • Change vs. Stability in Web Usability Guidelines
  • HCI Training: User Interface Principles Every Designer Must Know
  • Navigation: Articles, Training & Reports
    • Designing Effective Carousels: Create a Fanciful Amusement, Not a House of Horrors
    • Converting Search into Navigation
    • Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility
    • Mini-IA: Structuring the Information About a Concept
    • Mega-Menus Gone Wrong
• Articles
  • Mobile Performance Manifesto | David Calhoun's Blog
  • Creating Fast Buttons for Mobile Web Applications - Google Developers
  • Mobile State Machine Test Page
  • Optimize for mobile — Google Developers
  • Scrolling on iOS
    • iOS 5 Native Scrolling–Grins & Gotchas
      • -webkit-overflow-scrolling: touch
• Libraries/Tools
  • PaulKinlan/formfactor
    • Form Factor Detection – mobile/tv/etc.
• Misc
  • navigator.connection
    • Optimizing based on connection speed: using navigator.connection on Android 2.2+
  • navigator.online
• 300ms delay on click
  • FastClick by FT Labs uses touch events to trigger clicks faster & removes the double-tap gesture. It looks at the amount your finger moved betweentouchstart and touchend to differentiate scrolls and taps.
  • Adding a touchstart listener to everything has a performance impact, because lower-level interactions such as scrolling are delayed by calling the listener to see if it event.preventDefault()s.
  • chrome 32 for android: 300ms tap delay, gone away