zerilliworks's public fiddles
-
Dead-simple Photo Grid (Improved)
Minimalist grid of photos, shown here with placeholders from lorempixel.com . Click one to expand it, click the expanded photo to close. Requires jQuery, minimal CSS. The "eased" class is optional, for smoothly animating elements. It was tweaked with Ceaser: http://matthewlein.com/ceaser/ Now uses image tags instead of background-image CSS properties, so you can grab the images from your browser and enable better caching.
-
Dead-simple Photo Grid
Minimalist grid of photos, shown here with placeholders from lorempixel.com . Click one to expand it, click the expanded photo to close. Requires jQuery, minimal CSS. The "eased" class is optional, for smoothly animating elements. It was tweaked with Ceaser: http://matthewlein.com/ceaser/
-
q2fA2
jQuery 1.9.1, HTML, SCSS, JavaScript
-
2c8Y2
jQuery 1.9.1, HTML, SCSS, JavaScript
-
eYxHf
jQuery 1.9.1, HTML, CSS, JavaScript
-
b3kZb
jQuery 1.9.1, HTML, CSS, JavaScript
-
znyEF
jQuery 1.9.1, HTML, CSS, JavaScript
-
V8ss5
No-Library (pure JS), HTML, CSS, JavaScript
-
HTML/CSS Simple Progress Bars
Really easy and minimal. Specify a percentage as the width of pg-inner and it'll adapt to the overall width of the bar. Super easy to integrate into anything where you can get a percentage. Just use JavaScript to update the style. Couldn't be easier. The default width and height were chosen arbitrarily. Feel free to change them.
-
4mLsF
Bonsai 0.4.1, HTML, CSS, JavaScript
-
Drifting Logo
The Zerilliworks logo, aided by Bonsai. The triangles slowly drift apart. Mousing over them will put them back, but they'll soon act cheeky again. In the real world, they start moving only after a while and react slower. Kind of an easter egg.
-
6kjRt
Bonsai 0.4.1, HTML, CSS, JavaScript
-
EEwrn
jQuery 1.8.3, HTML, CSS, JavaScript
-
wqZMZ
Mootools 1.4.5, HTML, CSS, JavaScript
-
Dicking around with Raphaël
Nothin' fancy.
-
Dead-simple Photo Grid
Minimalist grid of photos, shown here with placeholders from lorempixel.com . Click one to expand it, click the expanded photo to close. Requires jQuery, minimal CSS. The "eased" class is optional, for smoothly animating elements. It was tweaked with Ceaser: http://matthewlein.com/ceaser/
-
Click-editable Text
A little toy. Click text to dirty-edit it. Check icon will save, X icon will revert. Built for fun one afternoon.
-
jkzS3
jQuery 1.8.3, HTML, CSS, JavaScript
-
Draggable Bootstrap
A little toy to see how easy jQuery UI could be used to mess with the ordering of Bootstrap elements. Turns out, it's pretty easy. Drag 'em and drop 'em. Includes the little editor tweaks from my other Fiddles. Avoid if you're allergic to spaghetti.
-
Inline Image Tweaker
A little toy, lunchtime plaything. Swaps images.