11–20 of 26 posts
Just a suggestion: I was annoyed when I first tried to drag the slider. I figured out you have to click it instead, but some users may just quit first.
You can drag it, you just can't end the drag motion outside of the dongle area. Took me a few tries to figure that out myself.
But I think the [x] or [ ] of a normal checkbox are more intuitive than two different colors that may have different meanings in other cultures/countries (and I am not even starting about color blindness).
Just a suggestion: I was annoyed when I first tried to drag the slider. I figured out you have to click it instead, but some users may just quit first.
somehow it makes the browser render the checkmark behind the checkbox, you can barely see the end of the mark.
Very cool... in Webkit browsers. It's a shame few (if any) other browsers allow you to customize a checkbox this way. Nonetheless, nice work on theming a native checkbox so well. I'd love to use it if it were cross-browser compatible.
For CSS demos, I suggest using http://dabblet.com which will automatically add vendor-prefixes. In this case it might not have helped due to the appearance property (which was dropped from the CSS spec [1]), but often only webkit prefixes are used even if properties are supported in other browsers. 1: http://wiki.csswg.org/spec/css4-ui#dropped-css3-features
For CSS demos, I suggest using http://dabblet.com which will automatically add vendor-prefixes. In this case it might not have helped due to the appearance property (which was dropped from the CSS spec [1]), but often only webkit prefixes are used even if properties are supported in other browsers. 1: http://wiki.csswg.org/spec/css4-ui#dropped-css3-features
This won't actually work in any other engine except for webkit, even if you vendor-prefix the rules. This is because he is using an :after pseudo element on a checkbox, which shouldn't work and is technically a bug in webkit (according to the specifications, you cannot use :before/:after on replaced elements).
This specification does not fully define the interaction of :before and :after with replaced elements (such as IMG in HTML). This will be defined in more detail in a future specification.
In my opinion it would be cool if all browsers supported it.
I've already made something like this some months ago: http://demos.bfontaine.net/d/icheckboxes