Making Small Devices Look Great
March 14, 2007
· by Opera Software
Quick Tips
Coding tips
- Use terse, efficient markup
- Avoid frames
- Avoid pop-ups
- Avoid proprietary features, or use fallbacks
- Specify image height and width
- Use alternative text on images
- Have fallbacks for JavaScript and dynamic effects
Testing tips
- Test in Opera for Desktop, in Small-Screen view
- Test with graphics turned off
- Test with JavaScript turned off
- Test with no mouse
Small-Screen design tips
- Design with document order in mind
- Design the small-screen version for maximum readability
- Use only images suited for a small screen, hide the rest
- Be careful with the use of colors, font sizes, and alignment
Pages: 1 2 3 4 print
