BananaAcid's public fiddles
-
CSS Animation
Basics
-
CSS fadeup text blocks
Fade in and slide blocks up, within a parent. CSS animations.
-
CSS overlay
An animated + positioned CSS based overlay. JS is optional. Mobile ready.
-
HTML anchor jump targets
No-Library (pure JS), HTML, CSS, JavaScript
-
jquery.responsive-attribute --- Responsive Attribute - responsive attribute to set an attribute
just add the media query and the attribute to set, in the attribute. this attribute will be added an removed (allows for css animations as well)
-
requestAnimationFrame + fallback
polyfill.
-
jQuery.reduce - reduce jquery elements
reduce jquery elements and add as jquery base function.
-
Real $.wait() for jquery
It somewhat follows the jQuery.animate() syntax - allows to be chained with other fx functions, supports 'slow' and other jQuery.fx.speeds as well as being fully jQuery. And will be handled the same way as animations, if you stop those. Note: since wait adds to the animation stack, $.css() is executed immediately - as it is supposed: expected jQuery behaviour.
-
test perspective + position fixed
perspective kills fixed.
-
Array.prototype : contains and pushArray
jQuery 3.0.0-alpha1, HTML, CSS, JavaScript
-
String.prototype : extend string to check if it is a ON value
checks a string for true,on,1,enabled,yes
-
String.prototype : extended trim to support a sub regex
'. 2.1-. '.trim(/\s\.-/) => '2.1'
-
String.prototype: left pad string / number | RGBA-to-hex
jQuery 2.1.3, HTML, CSS, JavaScript
-
html attribute as id replacement
jQuery (edge), HTML, CSS, JavaScript
-
mailto in javascript
jQuery 1.7.2, HTML, CSS, JavaScript
-
Form Img Selection (barrier-free/accessible)
Form submit. No JS. Barrier-free/accessible. Mobile ready.
-
-
shortest url-pathname func (vanilla js)
jQuery (edge), HTML, CSS, JavaScript
-
center selected item
Vanilla JS
-
multi selection dialog (added sortable)
no JS needed, but js code added to limit max selection, sorting by dragging, event tester, form submit test