Powerange and Switchery: HTML5 Switches and Sliders in Flat Design
Powerange – Brand-new UI Tool to BYOS (Build Your Own Slider)
Powerange is only a few days old, while what it inspired is way older. Petkov is a fan of the TV series Powerangers and you don’t only recognize that by the name of the project. If you want to, you can do it like Alexander and build a slider in the tradition and with the looks of an actual Powerranger. If you are more like me, you might prefer not to, instead stick with simple, modern and minimal flat design.
defaults , yet can be altered via CSS alongside any given instance of a slider.
As Powerange draws its functionality largely from custom classes, what you can do is limited by what you can imagine to do. This means, Powerange is not exactly for the newbie. At least a little training period will be necessary to get accustomed to the tool. Powerange is not one of the tools that need nothing more than being turned on or off.
As Powerange comes to you completely free of charge under the terms of the MIT license, you should definitely add it your developer toolbox.
Switchery – Flat Switches, As BAYL (Bright As You Like)
Switchery functions in more or less the same way Powerange does. The major difference is, that Switchery does not process range values, but simple on and off states. Consequently it does not work with text input, but expects to be fed with the input type
From here on everything, even the syntax is completely identical to Powerange, thus making it the perfect addition and a consistent partner in your development workflow. When it comes to flat sliders and switches, rely on Alexander’s duo.