🔥 Improved usability of the chord section!
Just in time for Christmas 2019 we have some exiting news to share!
Usability improvments have been made to the chord section:
The chord charts are now
responsive, i.e the chord diagrams flow with the page when it is resized. This new feature will also improve the user experience on mobile.
The chord diagrams are
scalable. This means that when you zoom in a chord you want a better view of, the quality of the image will not degrade.
Last but not least, the most useful
new featureis that it’s now possible to click a chord symbol in the lyrics and
show the corresponding chord diagram in a popover.
This is especially useful on devices with small screens, i.e mobiles, because the user (you) no longer need to scroll up to the chord chart to recall the fingering of a chord. Just click it and it will be revealed – it’s almost like magic! 😇
- Click on a chord symbol in the lyrics to show the chord diagram of the chord in a popover. Click anywhere, except on the chord symbol, to hide the popover. Or just click another chord symbol to hide the current and display the new one.
- Desktop: Use
<Tab>/<Shift><Tab>to move back and forth between the chords in the lyrics.
- Zoom in to magnify a chord diagram. Especially useful on small screens, i.e mobile devices, when learning a new chord.
Merry Chording Christmas! 🎅