JSFiddle

digory's public fiddles

• Chaining jQuery Deferred Example

  Tiny example showing how to chain async commands using jQuery Deferred objects. True ES6 Promises have wide support but, as at the time I developed this, they aren't yet supported on IE10 and below.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Modular JS Service

  A demo which shows how to create a modular client side runtime with clear separation of concerns, use of modules, and dependency injection

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Dynamic Object

  Use of Proxy

• Private fiddle Extra
• Delete fiddle
Groups Extra
• yyunxgcw

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• zxoLpej9

  jQuery 1.8.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Tempo

  Template rendering

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Element Wrapping

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Twitter Tab Watcher

  This is the harness code for a Google Chrome extension which watches your browsing activity and, when it detects that you have browsed to Twitter, it spawns a job which interacts with that page for as long as it is alive. Here is the script job that it runs from a pool - http://jsfiddle.net/digory/HXjq9/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• MutationSummary

  Using MutationSummary - a helper library over MutationObserver - to keep track of DOM Mutations.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Parsing Tweets (Private)

  Playing around with the idea of building a Translate Chrome Extension for Twitter. Just getting started with some of the basic parsing code.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Parsing Tweets

  Playing around with the idea of building a Translate Chrome Extension for Twitter. Just getting started with some of the basic parsing code.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Handle change in dynamic options

  jQuery 1.7.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Knockout sample - parsing emails from textbox

  jQuery 1.7.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simple linked list using KnockoutJS

  jQuery 1.7.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Parsing SOAP in the browser

  Using JS to read SOAP elements

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Data Binding

  using the jpop library to bind data to UI elements

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Data Binding

  Mootools 1.3.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Cell based canvas items

  demonstration of laying out items on a canvas in a row,col format and allowing the user to interact with them

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Collision detection

  Detection mouse-click hits on an HTML Canvas drawn object

• Private fiddle Extra
• Delete fiddle
Groups Extra
• reading jQuery data attributes

  Shows how to set an object literal as a data item on a HTML element and then read it off as an object.

• Private fiddle Extra
• Delete fiddle
Groups Extra