Creating a Radial Menu in CSS

Re:Creating a Radial Menu in CSS by brudgers on Friday April 26, 2013 @08:16PM (#5616247)

I remember an article in Dr. Dobbs hailing pie menus as the future of user interfaces. It was the early 90's. I have always thought they were a great idea.

Currently Microsoft Office One Note uses them.

Here's a list of references for pie menus (the Dr. Dobbs article is cited):

http://www.cs.cornell.edu/boom/2001sp/bronevetsky/Circle%20M...

In fairness to Dr. Dobbs, they also hailed hypertext as the future about that time, and that one they nailed.

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by jared314 on Friday April 26, 2013 @08:29PM (#5616282)

Every circular menu implementation i've seen still suffers from low command "density", lack of space for text, difficult to use sub-menus, maintaining predictable ordering, and, with touch UIs, commands hidden by the user's own finger.

I really want them, but squares are easier to work with.

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by brudgers on Friday April 26, 2013 @10:29PM (#5616557)

One of the selling points has been that they may be used gesturaly, rather than requiring explicit point and click positioning - ie they could be similar to keyboard input in the form of touch typing rather than relying on hand eye coordination.

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by SimHacker on Saturday April 27, 2013 @01:36PM (#5618419)

This one?

The Design and Implementation of Pie Menus

There're Fast, Easy, and Self-Revealing.

Originally published in Dr. Dobb's Journal, Dec. 1991, lead cover story, user interface issue.

http://www.donhopkins.com/drupal/node/98

More stuff at:

Home > topics > Software > Pie Menus http://www.donhopkins.com/drupal/taxonomy_menu/4/49/14

And here are some pie menus for Unity3D: http://www.youtube.com/watch?v=sMN1LQ7qx9g

And this explains the pie menus and visual programming in The Sims: http://www.DonHopkins.com/home/movies/TheSimsPieMenus.mov

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by brudgers on Saturday April 27, 2013 @09:46PM (#5619833)

That is the one. Thank you. It made me miss the dead tree Dr. Dobbs.

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by SimHacker on Saturday April 27, 2013 @09:48PM (#5619835)

Dr. Dobbs was wonderful, and I really looked forward to it every month. Ray Valdez wrote a good contract that said I retained the copyright, so I could republish it myself later, which was nice thing for him to do without me even thinking to ask.

And Creative Computing was a great computer magazine, too!

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by brudgers on Saturday April 27, 2013 @10:28PM (#5619913)

What struck me as I reread the article was that it had been through a rigorous editorial process. No cruft. That clarity is why it stuck with me twenty years on.

It always seemed wrong to throw magazines away, at least so long as they were packed up early as I prepared to move. About 1997 my computer magazines were not. After the books had been boxed, I'd had enough heavy lifting. Now few articles get read twice. Somewhere in a box in Orlando though there may still be a copy of Deskview X.

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by Odin9 on Friday April 26, 2013 @08:25PM (#5616268)

1993's Secret of Mana was well known for its ring menu. I don't think radial menus are practical with mice, they fit controllers and console games better (where interacting with menus is slower).

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by pazimzadeh on Friday April 26, 2013 @08:34PM (#5616293)

Agreed, I think that radial menus are only really good for touch screens.

[ Parent | on HN ]

Re:Creating a Radial Menu in CSS by Ascendancy on Saturday April 27, 2013 @08:47AM (#5617610)

Gosh I really miss Super Nintendo

[ Parent | on HN ]