Mobile navigation

Mobile

9 Responses

  1. Matt Hamm Matt Hamm

    because I'm making all the icons display nicely on retina screens, they are looking rubbish on normal screens (see top right). Might have to go down the svg or font icon service route...

    almost 2 years ago

  2. Trent Walton Trent Walton

    I'm digging the icon font route.

    likes

    almost 2 years ago

  3. Dennis Gaebel Dennis Gaebel

    Yeah Icon fonts rock at any size and any resolution. Still an accessibility issue I believe

    http://filamentgroup.com/lab/dingbat_webfonts_accessibility_issues
    http://css-tricks.com/examples/IconFont

    likes

    almost 2 years ago

  4. Garry Aylott Garry Aylott

    Looking sweet Matt.

    Just a thought, couldn't you just serve up the high-res retina ready icons using media queries? With something like:

    @media only screen and (-webkit-min-device-pixel-ratio: 2)

    You'd need two sets of icons but if you're not using that many wouldn't be too much of a chore?

    likes

    almost 2 years ago

  5. Trent Walton Trent Walton

    likes

    almost 2 years ago

  6. Matt Hamm Matt Hamm

    @Garry Aylott That could a solution, extra work though..

    almost 2 years ago

  7. Matt Hamm Matt Hamm

    @Trent Walton Yep, I agree. *Slaps head* Duh, maybe I should ask @Jon Hicks in person, who sits directly opposite me. :)

    likes

    almost 2 years ago

  8. Andrei Atrokhau Andrei Atrokhau

    Hey! Nice!

    over 1 year ago

  9. Vincent Dekker Vincent Dekker

    Go for SVG and use a fallback script for older browsers. We used it in a HTML5 dashboard for PC and Tablets and it worked out awesome!

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like