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.