Circular Menu

Circular_menu_css_js

3 Responses

  1. Max Daunarovich Max Daunarovich

    Interactive version can be found here:
    http://bit.ly/UbmmJH
    Currently works in latest versions of Chrome, Firefox, Safari and Opera. Also tested on my iPhone 3GS works like a charm :)

    Couple words about process.
    At first, I wanted to load icons using names and variables from file. But then I thought it will be easier to generate id's and necessary file names with jscript. Also it become more flexible - now it's possible to adjust number of icons around the control with single variable and everything will still work :)

    Simple setup, but took about 6-7 hours and still needs refactoring.
    I think spent half-hour, trying to understand, why central part rotating not around it's geometric center. At the end I found that there was single pixel missing in circle's shape... Remember, guys - everything matters :)

    To speed up the process I've used great icon set "Batch" by Adam Whitcroft:
    http://adamwhitcroft.com/batch/

    over 1 year ago

  2. Tim Hicks Tim Hicks

    That demo is really sweet. I especially like the rollover effect on the icons. Nice work...

    over 1 year ago

  3. Max Daunarovich Max Daunarovich

    Thanks, Tim! :)

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like