girlie_mac's public fiddles
-
HTML5 input events test
No-Library (pure JS), HTML, CSS, JavaScript
-
HTML5 onsearch event
The search event is triggered when a search input is submitted, also when the user clears the search.
-
input event with input[type="color"] and [type="date"
No-Library (pure JS), HTML, CSS, JavaScript
-
input event with input[type="range"]
testing to see if using input event works better than change
-
r95DS
No-Library (pure JS), HTML, CSS, JavaScript
-
test (bing)
this doesn't work on jsfiffle, but the code should be fine.
-
Phone# Validation with CSS
:valid and :invalid I wish I could add the checkmark ::after the input[type="tel"], but I can't because <input> has no document tree content...
-
Gradients on Text
No-Library (pure JS), HTML, CSS, JavaScript
-
γγΉγ―γͺγ³
No-Library (pure JS), HTML, CSS, JavaScript
-
The target pseudo-class demo
also the negation pseudo-class, :not and ::before pseudo-element
-
CSS Klout Flag
I give you a random+K.
-
HTML5 oninput event
An example of using oninput for better UX. Compared with onchange, or onkeyup, which doesn't fire when you use the ud/down arrow to change the values.
-
CSS Comic Bubble
No-Library (pure JS), HTML, CSS, JavaScript
-
89C2T
No-Library (pure JS), HTML, CSS, JavaScript
-
Snow (HW-acceleration)
added the 3rd dimension
-
Snow (no HW-acceleration)
using my old example I wrote over 2 years ago
-
pointer-events
a simple pointer-events example
-
A Fancy Avatar with CSS3 Box-shadow
A practical example of creating fancy avatars with CSS3 box-shadow, using the inset values. should work on Firefox 4, Webkit, and Opera 10.x without the vendor specific extensions.
-
Making you sick - hover me
CSS3 repeating-radial-gradient
-
CSS3 Checkerboard Tweaked
tweaked version of the original by Lea Verou: http://leaverou.me/2011/02/checkerboard-pattern-with-css3/ I basically combined 2 "gradients" patterns into one. and use two of the identical patterns while the position of one of them shifted. works on Firefox and the recent Webkit Nightly. (I didn't bother on the old webkit syntax)