Small screens...

...just for fun...

no real reason…?

Small screen devices (also known as 'verticals') are spreading fast. Maybe some of them will pick up some of my styles while they surf around on the world wide web?

Anyway, now the basic CSS on screens are brought somewhat under control, these little devices provide me with a bit of fun.

We never know if and/or when the number of small screen devices capable of rendering media-dependent CSS are taking over the market. Why not be at the forefront of things for once?

Update [04.des.2007]: have added mediaquery conditioned @import of the more than 2½ year old handheld stylesheet. Lots of details to tune – when I get around to it, but it performs remarkably well on small devices with supporting browsers. See: Opera Mini for more.

support…?

Small Screen Rendering (SSR) is for screens smaller than 640px in width. The smallest might be less than 120px in width, but the majority may have a width of 170 - 240px in width.

These screens are most often portrait-like – 'verticals', although some devices have landscape-screens. Some may even be able to change between these two formats.

Developing-tools at my end is limited to Opera's small screen rendering on big screens, for the time being. No surprise in that, really. No limitation in that either. Just click [Shift]+[F11] and see what this page looks like right now.

I don't know how well these pages will work in the real world, because I don't have access to any real small screen devices.

@media handheld…

I start with plain (x)html, as screen-styles are kept separate in a @media screen { ... } and print-styles have @media print { ... }. Not to mention @media projection { ... }. Building styles from scratch is easy.

The number and size of images are limited to make the most out of slow and unstable connections. Also compacting and simplifying navigation.

this page…

This page, and all other pages in this section, have their own—experimental—stylesheet [28.feb.2005]. It's simple and far from finished yet, and some objects will be missing compared to the big screens. I might add some substitutes later. The latest stylesheet-update for handhelds for this section was made [06.aug.2007].

I'm styling for real @media handheld, and do not care about all the different screen-style conversions that are in use around. Only the newest and standard-compliant browsers for small devices will get it right.

Note that the same stylesheet is behind @media screen and (max-device-width: 600px) as of desember 2007.

I'll play around with these handheld styles for some time to come, and see what can be done for/on small devices.

sincerely georg; sign