andfinally's public fiddles
-
Score bar CSS
No-Library (pure JS), HTML, CSS, JavaScript
-
Convert an alphabetic string into digits and recursively sum them so they're below a certain max
For a game like http://gangstaname.com/names/pirate
-
Vanilla JS position animation
Every 25 millisconds Define step as the proportion of the desired duration Increase the style of the element by that proportion times the difference between the start and finish values So if the finish value needs to be bigger than the start value and we're three quarters of the way through the duration, the style should be set to three quarters of the difference between the start and finish values If the finish value needs to be smaller the same thing applies - if we're three quarters of the way through and we're shrinking a box of 100 to 10 we set the style to the from value plus three quarters times 10 - 100, so three quarters of -90. Therefore the from style is reduced by 0.75 times 90.
-
Vertical centring of several divs inside another
No-Library (pure JS), HTML, CSS, JavaScript
-
Vertical centring of several divs inside another
No-Library (pure JS), HTML, CSS, JavaScript
-
Simple Backbone collection view loading from an API
jQuery 2.0.2, HTML, CSS, JavaScript
-
50% floated divs with middle margin
No-Library (pure JS), HTML, CSS, JavaScript
-
ygXy6
Mootools 1.4.5, HTML, CSS, JavaScript
-
Twitter callback on tweet
jQuery 1.8.3, HTML, CSS, JavaScript
-
Nicole Sullivan's media object
http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
-
Left fly-out menu
jQuery 1.7.2, HTML, CSS, JavaScript
-
Nice CSS box highglight on mouseover
Mootools 1.4.5, HTML, CSS, JavaScript
-
Nice CSS box highglight on mouseover
Mootools 1.4.5, HTML, CSS, JavaScript
-
Nice CSS box highglight on mouseover
Mootools 1.4.5, HTML, CSS, JavaScript
-
Metro Carousel
Mootools 1.4.3 (compat), HTML, CSS, JavaScript
-
CSS - variable width divs for image with caption - max-width solution
Mootools 1.4.3 (compat), HTML, CSS, JavaScript
-
GEqmY
Mootools 1.4.3 (compat), HTML, CSS, JavaScript
-
CSS - variable width divs for image with caption
Mootools 1.4.3 (compat), HTML, CSS, JavaScript
-
mxJe4
jQuery 1.7.1, HTML, CSS, JavaScript
-
XQV33
jQuery 1.7.1, HTML, CSS, JavaScript