Create iOS7 Slick and Minimal Switches with Switchery

Written by Kevin Liew on 23 Dec 2013
22,603 Views • Javascript

iOS7's new UI design definitely bring another wave of design impact into web design and development industry. One of the notable UI changes would be the new switch control.

Creating the iOS7 slick and minimal switches can be very simple. Here we have a Javascript plugin called Switchery. Switchery is a standalone Javascript plugin that converts checkboxes into iOS7 switches. There are 7 predefined styles, however, you can easily customize it to match your design perfectly.

It plays well with modern browsers, for legacy browsers such as IE7 and IE8, it won't have rounded corners and box shadows.

SPECIFICATIONS & DOWNLOAD

By Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Related Articles
Powerful Javascript Form Validation Plugins
jPages - Client-Side Feature Rich Pagination jQuery Plugin
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.