The customizable select - Part four: Scroll snapping, state queries, monster hunter, and gamification

In this (long) part of the customizable select series, it’s all about gamification. In this article, I’d like to highlight one of my demos, where I aimed to recreate a piece of UI found in the Monster Hunter games. To re-create this behavior, I had to think in terms of keyboard navigation first. This demo requires quite a lot of CSS, as well as some scripting, and in the end, I do want to highlight some accessibility concerns. This is an experiment on how far we can take it when styling select elements.
Read moreabout The customizable select - Part four: Scroll snapping, state queries, monster hunter, and gamification