I’ve been following along mobile navigation options on the twitters and came across some interesting approaches to solving this UX issue.
This option makes use of the :target CSS pseudo-class selector, which
lets you style elements referenced by the URL
It’s a CSS-only solution that works on most modern browsers (Chrome, Firefox, Safari, IE 9+), however, it is currently incompatible with Opera Mobile since the :target CSS doesn’t seem to trigger a page update. Doh!
Cool, huh? Bravo to Aaron Gustafson for coming up with the solution. Hopefully an Opera Mobile workaround will be available soon.
Instead of using a select drop-down on narrow screens, why not recreate the experience with toggleable blocks that you style your way?
Interesting alternative to using the somewhat awkward select drop-down. Maybe I’ll give it a shot.