The last couple of years has seen a steady rise in the screen resolutions of the visitors to my online lighting calculation site
Fast Online Lighting Design. In some months I see screens as large as 3200 x 1600 pixels!
 |
| Big screens keep getting bigger |
Recently however a new group of very low screen resolutions has started appearing in the visitor logs. These must be smart phones like iPhone and Android and tablets, like iPad.
 |
| Small screens now mean smart phones visit you. |
So I have adjusted the screen layout to work better on iPhone and iPad, mostly by setting a viewport and by making the page elements flow to adapt to portrait or landscape orientation. I also cleaned up the jvascript using the very capable jQuery library.
 |
| iPhone in landscape mode 480 x 320 |
 |
| iPad in portrait 768 x 1024 |
Next step is to make it touch aware: swiping the design alternatives from left to right and back and increasing and decreasing sizes and values using finger gestures rather than the standard web widgets.
No comments:
Post a Comment