v1.0

.gitignore

@@ -0,0 +1,4 @@
+examples.png
+_index.html
+.htaccess
+.git/

CHANGELOG.md

@@ -0,0 +1,9 @@
+### Version 1.0 - December 18, 2013
+
+* Added ARIA attributes support (for VoiceOver and others) @myfreeweb
+* Added Amazon Kindle support @skinofstars
+* Fixed clickable links inside labels @LeGaS
+* Fixed lines separation between labels and inputs
+* Merged two versions of the plugin (jQuery and Zepto) into one
+* Fixed demo links
+* Fixed callbacks @PepijnSenders

README.md

@@ -1,24 +1,25 @@
-# [iCheck plugin](http://damirfoy.com/iCheck/) ![v0.9.1](http://damirfoy.com/iCheck/0.9.1.png)
+# [iCheck plugin](http://fronteed.com/iCheck/)
 #### Highly customizable checkboxes and radio buttons for jQuery and Zepto.
 
-Refer to the [iCheck website](http://damirfoy.com/iCheck/) for examples.
+Refer to the [iCheck website](http://fronteed.com/iCheck/) for examples.
 
-![Skins](http://damirfoy.com/iCheck/examples.png)
+![Skins](http://fronteed.com/iCheck/examples.png)
 
 
 Features
 --------
 
 * **Identical inputs across different browsers and devices** — both [desktop and mobile](#browser-support)
-* **Touch devices support** — iOS, Android, BlackBerry, Windows Phone
+* **Touch devices support** — iOS, Android, BlackBerry, Windows Phone, Amazon Kindle
 * **Keyboard accessible inputs** — `Tab`, `Spacebar`, `Arrow up/down` and other shortcuts
-* **Customization freedom** — use any HTML and CSS to style inputs (try [6 Retina-ready skins](http://damirfoy.com/iCheck/))
-* **jQuery and Zepto** JavaScript libraries support
+* **Customization freedom** — use any HTML and CSS to style inputs (try [6 Retina-ready skins](http://fronteed.com/iCheck/))
+* **jQuery and Zepto** JavaScript libraries support from single file
+* **Screenreader accessible inputs** — [ARIA](https://developer.mozilla.org/en-US/docs/Accessibility/ARIA) attributes for VoiceOver and others
 * **Lightweight size** — 1 kb gzipped
 
 -----
 
-* [31 options](#options) to customize checkboxes and radio buttons
+* [32 options](#options) to customize checkboxes and radio buttons
 * [11 callbacks](#callbacks) to handle changes
 * [9 methods](#methods) to make changes programmatically
 * Saves changes to original inputs, [works carefully](#initialize) with any selectors
@@ -27,7 +28,7 @@ Features
 How it works
 ------------
 
-iCheck works with checkboxes and radio buttons like a constructor. **It wraps each input with a div**, which may be customized by you or using one of the [available skins](http://damirfoy.com/iCheck/). You may also place inside that div some HTML code or text using `insert` option.
+iCheck works with checkboxes and radio buttons like a constructor. **It wraps each input with a div**, which may be customized by you or using one of the [available skins](http://fronteed.com/iCheck/). You may also place inside that div some HTML code or text using `insert` option.
 
 For this HTML:
 
@@ -65,7 +66,7 @@ With default options you'll get nearly this:
 </div>
 ```
 
-**By default, iCheck doesn't provide any CSS styles for wrapper divs** (if you don't use [skins](http://damirfoy.com/iCheck/)).
+**By default, iCheck doesn't provide any CSS styles for wrapper divs** (if you don't use [skins](http://fronteed.com/iCheck/)).
 
 
 Options
@@ -153,6 +154,9 @@ These options are default:
   // if set to true, input's id is prefixed with 'iCheck-' and attached
   inheritID: false,
 
+  // set true to activate ARIA support
+  aria: false,
+
   // add HTML code or text inside customized input
   insert: ''
 }
@@ -173,7 +177,7 @@ You can choose any class names and style them as you want.
 Initialize
 ----------
 
-Just include `jquery.icheck.js` (or `zepto.icheck.js`) after [jQuery v1.7+](http://jquery.com) (or [Zepto](http://github.com/madrobby/zepto#zepto-modules) [polyfill, event, data]).
+Just include `icheck.js` after [jQuery v1.7+](http://jquery.com) (or [Zepto](http://github.com/madrobby/zepto#zepto-modules) [polyfill, event, data]).
 
 iCheck supports any selectors, but handles only checkboxes and radio buttons:
 
@@ -354,7 +358,7 @@ Browser support
 
 iCheck is verified to work in Internet Explorer 6+, Firefox 2+, Opera 9+, Google Chrome and Safari browsers. Should also work in many others.
 
-Mobile browsers (like Opera mini, Chrome mobile, Safari mobile, Android browser and others) are also supported. Tested on iOS (iPad, iPhone, iPod), Android, BlackBerry and Windows Phone devices.
+Mobile browsers (like Opera mini, Chrome mobile, Safari mobile, Android browser, Silk and others) are also supported. Tested on iOS (iPad, iPhone, iPod), Android, BlackBerry and Windows Phone devices.
 
 
 License

demo/css/custom.css

@@ -28,6 +28,7 @@ td{width:100%}
 .header h1,.header strong{letter-spacing:-1px;text-transform:uppercase}
 .header h1{padding-bottom:23px;font-size:22px;line-height:28px}
 .header h3{position:relative;padding:35px 0 17px;font-size:120px;line-height:140px;letter-spacing:-5px;}
+.header h3 span{font-size:30px;line-height:40px;letter-spacing:0;margin-left:-10px;vertical-align:baseline;}
 .header h3:before{content:'';display:inline-block;width:72px;height:64px;margin-right:32px;vertical-align:middle;background:url("icheck.png")}
 .header h3:after{content:'';position:absolute;top:0;left:50%;width:100px;margin-left:-50px;border-top:3px solid #fff}
 .header strong{font:24px/30px 'MontserratRegular',Helvetica,Arial,sans-serif;}
@@ -79,6 +80,11 @@ td{width:100%}
 .demo-callbacks{position:absolute;top:0;right:0;bottom:0;width:300px;color:#aaa;background:#232323;border:3px solid #ddd8ce;}
 .demo-callbacks h2{color:#fff;background:#6a5a8c}
 .demo-callbacks ul{position:absolute;top:60px;width:100%;bottom:0;overflow:auto;}
+.demo-callbacks ul::-webkit-scrollbar{width:10px;background:none;}
+.demo-callbacks ul::-webkit-scrollbar-track{background:none;border:none;}
+.demo-callbacks ul::-webkit-scrollbar-track-piece:disabled{display:none !important;}
+.demo-callbacks ul::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border:none;}
+.demo-callbacks ul::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);}
 .demo-callbacks ul li{margin-top:-1px;padding:13px 20px 15px;border-top:1px solid #2e2e2e;}
 .demo-callbacks ul li span{color:#888}
 .skins{position:relative;*zoom:1;}
@@ -190,6 +196,9 @@ td{width:100%}
 .skin-line .colors li.yellow{background:#ffc414}
 .skins-info{padding:13px 0 57px;font-size:16px;line-height:22px;text-align:center;}
 .skins-info p{margin-bottom:17px}
+.skins-info .skins-banner{margin:34px 0 3px;}
+.skins-info .skins-banner a{display:block;width:728px;height:90px;margin:0 auto;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(banner.jpg);-webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease;border:none;}
+.skins-info .skins-banner a:hover{opacity:.8;}
 .skin-pre{padding:43px 60px 0}
 .skin-usage{padding:19px 60px 8px;list-style:decimal outside;}
 .skin-usage li{margin-bottom:23px}