Pricelinelabs: omni-slider

This blog is about my experience building and being the author of the first open source project under Pricelinelabs. The omni-slider is a multi-range vanilla javascript slider widget component released on the open source world in GitHub on June 2, 2015.

gif.gif

 History

We initially were using an open source AngularJS slider by Venturorocket, however it had implementation issues so it was hard to iterate on. The idea then popped up to me to create a slider as a programming challenge. I then started and finished development on the internal slider component on August 2015.

Early in May we decided to chose this component as the first project to launch in Pricelinelabs’s GitHub since it had very few dependencies and was something the devs in my team wanted to have (to use as an open source dependency) at different points in their careers. I have since then removed the single dependency to Moment.js before the launch.

Screen Shot 2016-06-18 at 10.28.14 PM.png

 Challenges

Screen Shot 2016-06-18 at 10.15.49 PM.png

 Features

 Supported Browsers

 Published

 Demo

Three ways to try out the Priceline omni-slider:

Screen Shot 2016-06-18 at 10.31.46 PM.png


omni-slider is released under the MIT license.

 
3
Kudos
 
3
Kudos

Now read this

iOS hold and delete icons using HTML5

This is a way to mimic the iOS hold and deleting apps from the menu grid screen. In this case, it only shakes one of the icons when held-touched, but this can easily be mutuable to act exactly the same as the iOS scenario. It also adds... Continue →