Scott's public fiddles
-
Find text from array.
Does a DOM element contain any text contained in a JS array?
-
g7t6mu2j
No-Library (pure JS), HTML, CSS, JavaScript
-
Marionette.js. Region. jQuery Animation
Shows how to configure a region to animate with jQuery
-
Marionette.js. Region. CSS Animation
Shows how to configure a region to animate with CSS
-
BINGO Caller Board
BINGO caller board
-
Backbone.js w/RESTful API
jQuery (edge), HTML, CSS, JavaScript
-
Metrics Graphics
jQuery (edge), HTML, CSS, JavaScript
-
Navigate via button click
jQuery (edge), HTML, CSS, JavaScript
-
Weir
No-Library (pure JS), HTML, CSS, JavaScript
-
Backbone Collections
jQuery (edge), HTML, CSS, JavaScript
-
Backbone Models
jQuery (edge), HTML, CSS, JavaScript
-
Countdown timer
jQuery (edge), HTML, CSS, JavaScript
-
Vertically Align Anything
Vertically align anything, even if you don't know the parent's height. This solution is my variation of Sebastian Ekström's vertical alignment solution (http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/). The CSS property display:flex; on the grandparent forces the parent to have a height, thereby alleviating the need to explicitly declare a height on the parent itself. This also solves the need to absolutely position anything, causing elements to be removed from the normal flow.
-
HTML & SCSS Pedigree
Inspired by http://codepen.io/ricardo_fahham/pen/RRPMQR
-
Multi-Dimensional Associative Array
jQuery (edge), HTML, CSS, JavaScript
-
Sum of Multiples
jQuery (edge), HTML, CSS, JavaScript
-
JS Namespaces
No-Library (pure JS), HTML, CSS, JavaScript
-
Object Literal
No-Library (pure JS), HTML, CSS, JavaScript
-
Scroll Animations
jQuery 1.1.3, HTML, CSS, JavaScript
-
Keystroke Easter Egg
jQuery (edge), HTML, CSS, JavaScript