ConchordanceProject / ConchordanceWeb

A webapp for exploring chord fingerings for any fretted instrument.
4 stars 0 forks source link

Eliminate Chord Details tab #83

Open jbauschatz opened 10 years ago

jbauschatz commented 10 years ago

This amounts to a large UI refactor for the home screen (Chord Explorer).

If we could better utilize the screen real-estate, chord details could be shown right on the home screen.

For example, the Instrument, Root, and Chord Type selectors could be compressed into a top-line menu. The fretboard could be dispalyed fixed at the top of the screen, and the Chord List could scroll in its own frame below.

This would allow a chord selection to be shown on the fretboard, along with some other details in a thumbnail at the top of the screen. There would be no need to bring the user to another tab to view a chord, and this would help when comparing a large number of chords for "just the right one".

jbauschatz commented 10 years ago

The main problem to overcome is of scrolling the Chord List in its own container (in a cross-browser fashion) and without squashing it too much visually.