Dev.Opera - Follow the standards, break the rulesDev.Opera - Follow the standards, break the rules

Login

Lost password?

Making Small Devices Look Great

By Opera Software · 14 Mar, 2007

Published in: , ,



Quick Tips


Coding tips


  1. Use terse, efficient markup
  2. Avoid frames
  3. Avoid pop-ups
  4. Avoid proprietary features, or use fallbacks
  5. Specify image height and width
  6. Use alternative text on images
  7. Have fallbacks for JavaScript and dynamic effects


Testing tips



  1. Test in Opera for Desktop, in Small-Screen view

  2. Test with graphics turned off

  3. Test with JavaScript turned off

  4. Test with no mouse


Small-Screen design tips



  1. Design with document order in mind

  2. Design the small-screen version for maximum readability

  3. Use only images suited for a small screen, hide the rest

  4. Be careful with the use of colors, font sizes, and alignment

Article categories