Thomas's public fiddles
-
fP28g
Mootools 1.4.2, HTML, CSS, JavaScript
-
Angular SortableTable
Using directive
-
Sortable table
No-Library (pure JS), HTML, CSS, JavaScript
-
AngularJS - Custom Array Filter Example
No-Library (pure JS), HTML, CSS, JavaScript
-
Javascript Templates - Dot.js
Compre dot.js with Knockout native templating.
-
Using Promises: Loading contact form.
Improvments to Doug Neiner's great slides in `Contextual jQuery` @see http://speakerdeck.com/u/dougneiner/p/contextual-jquery-in-practice
-
jQuery+: Create $.wait():Promise feature
Create a $.wait(delay, function(){...}) that returns a promise. While jQuery has jQuery.delay() that is used in UI and queues, this is very different in that any Function can be delayed! Promises then allow .done() and .pipe() features to be used.
-
Using Promises: Testing $.when()
Confirm the promises within $.when() each pass their resolved values to the $.when().done() handlers as arguments to the handler.
-
QUnit: Testing jQuery.Callbacks
Run the real jQuery/QUnit tests for jQuery 1.7 callbacks.
-
Using Promises: Deferred::pipe() Features
Testing Deferred::pipe() features for results transformations, result rejections, and chaining.
-
Using Promises: Pub/Sub with $.Callbacks
Using jQuery 1.7 $.Callbacks to easily create a publish and subscribe mechanism.
-
Using Promises: Loading iFrame with Callbacks
Create an iframe to load content asynchronously and grab content in that iFrame (when it is ready). Uses Deferred with shiv sandbox.htm
-
jQuery UI Image dragging, animation, and preventDefaults()
Show how an image can be enabled for dragging. Add effects to animate image containers background colors and prevent container focus. Also change cursor while dragging.
-
Using Closures: Memoizer to Optimize Recursion
Memoization [achieved through use of closures] will remember the result of previous callings of a function. This can be particularly useful for recursive functions or caching functions. Factorials, Fibonaccis processes are great examples algorithms whose performances are greatly [orders of magnitude] improved using memoization.
-
Using Promises: Caching Factories
Use jQuery Promises and Closures to create a generic data caching mechanism. The build a "Squaring calculator" that caches/records all calculated values.
-
Partial Application & Curry(): Build mileage convertors
Partially applying a function is a, particularly, interesting `curry` technique in which you can pre-fill-in arguments to a function before it is ever executed. Filling in the first couple arguments of a function (and returning a new function) is typically called currying. Here we use currying to create a miles-to-kilometers convertor method.