Patrick's public fiddles
-
Loading Makes and Models
jQuery 2.1.0, HTML, CSS, JavaScript
-
Loading Makes and Models
jQuery 2.1.0, HTML, CSS, JavaScript
-
$.Deferred.then Demo
jQuery 2.1.0, HTML, CSS, JavaScript
-
Three Ways to Configure a jQuery Plugin
Demo that shows how you can configure a jQuery plugin with defaults, option parameters or data attributes
-
Three Ways to Configure a jQuery Plugin
Demo that shows how you can configure a jQuery plugin with defaults, option parameters or data attributes
-
Little Spinner
CSS spinner that is invoked in onclick attribute (no need to wait for document.ready, no jQuery) Based on SpinKit by Tobias Ahlin http://tobiasahlin.com/spinkit/
-
Parse Soy
Parse a string with pseudo-JSON-data that lacks quotes around string values (as created by Soy templates) so that it can be properly parsed into JavaScript data
-
Nesting Iterator Functions
Example of functional programming in JavaScript
-
Resize Detection
jQuery 2.1.0, HTML, CSS, JavaScript
-
Scroll Monster
jQuery 2.1.0, HTML, CSS, JavaScript
-
column layout with gutters
No-Library (pure JS), HTML, CSS, JavaScript
-
executor and conditional
jQuery 2.1.0, HTML, CSS, JavaScript
-
Dispatcher
Example for functional programming in JavaScript: a dispatcher that executes arbitrary callbacks when corresponding predicate functions return true
-
Composing Functions
function composeAll takes arbitrary number of functions as arguments and returns a function that applies the composed functions to the specified values. For added syntactic sugar, we add methods to the function prototype to use the combineAll conveniently.
-
Styleable Dropdown Toggle
jQuery 2.1.0, HTML, CSS, JavaScript
-
scroll events - sticky box
A jQuery plugin that moves an element to its original position within the browser's viewport after the user has scrolled the page; demonstrates the use of functional programming principles
-
scroll events - crocky 2
scroll events refactored using functional programming patterns
-
scroll events - crocky 1
scroll events refactored using functional programming patterns
-
scroll events - unsolved
jQuery 2.1.0, HTML, CSS, JavaScript
-
scroll events
jQuery 2.1.0, HTML, CSS, JavaScript