hunab's public fiddles
-
Guard
Simple form validator
-
starfield.js (mrdoob ed.)
Mr. Doob shared his oldskool graphics knowledge to build a much better looking starfield! http://www.twitter.com/mrdoob Recreate the infamous Windows 3.1 screensaver "Starfield" using raw JS and canvas. Done during #Freakend12 to test drawing some dumb stuff in canvas2d. now with 200% more requestAnimationFrame!
-
starfield.js
Recreate the infamous Windows 3.1 screensaver "Starfield" using raw JS and canvas. Done during #Freakend12 to test drawing some dumb stuff in canvas2d. now with 200% more requestAnimationFrame!
-
Single element tucked corners
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Paper
Mootools 1.4.5, HTML, CSS, JavaScript
-
Social buttons
From http://smcllns.com/designing-a-css3-button-set
-
CSS3 Pink Button with Pacifico font
No-Library (pure JS), HTML, CSS, JavaScript
-
Radio inputs w/ animations
Taken from: http://jsfiddle.net/ryanseddon/FeJT2/ (originally based on http://codepen.io/simurai/pen/rJwpz)
-
VyqXF
jQuery 1.7.2, HTML, CSS, JavaScript
-
Testing scrolling
jQuery 1.7.2, HTML, CSS, JavaScript
-
CSS Perspective Portfolio - Complex
Dojo 1.7.2, HTML, CSS, JavaScript
-
Nice 404
jQuery 1.7.1, HTML, CSS, JavaScript
-
Pure CSS Icons
No-Library (pure JS), HTML, CSS, JavaScript
-
Show/Hide using css checkbox hack
No-Library (pure JS), HTML, SCSS, JavaScript
-
"debugger" triggers a JS breakpoint in Chrome dev tools
Mootools 1.4.3 (compat), HTML, CSS, JavaScript
-
Rolling CSS 3D Links
http://jsdo.it/hakim/rolling-links
-
Code Snippet
No-Library (pure JS), HTML, CSS, JavaScript
-
Example using rem
Mootools 1.4.2, HTML, CSS, JavaScript
-
CSS Responsive Slider
Mootools 1.4.2, HTML, CSS, JavaScript
-
Lion Avatars in CSS
By Dean Eden