UI // Custom Select Tag
Hello peeps,
customise the HTML select tag is always a pain, so here a quick solution made with SCSS and JQuery.
In this work, the main focus is on the technical side of the UI element.
From a design perspective, the dropdown menu is a simple way to display a small or medium size list of items. By using soft animation and visual references like icons, it helps to have an intuitive and pleasant user experience.
Another thing that I find very important, at least for the languages selection, it's to use the original language instead of the translated one.
In a busy content, like a long list, the use of a familiar word, it may help to find easily the element that the user is looking for.
Anyway, feel free to play around with this on Codepen, and to leave any feedback or comments!
Thank you