Get the latest tech news

Native dual-range input


Two native range inputs and fifty lines of JavaScript to make them work together.

However, most existing solutions rely heavily on JavaScript and reimplement dragging and accessibility features. That's why I applied a small trick: I added padding to the inputs' wrapper to accommodate the extra width for the thumbs. Again, toggling the debug mode onoff and the semi-transparent thumbs will make the gradients easier to see.

Get the Android app

Or read this on Hacker News