Making Small Devices Look Great
By Opera Software · 14 Mar, 2007
- Writing for Devices
- Testing with Opera
- Designing for several media
- Designing with Small-Screen Rendering
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
Digg this article
Add to del.icio.us