JSFiddle

Derek's public fiddles

• y7w0mh1u

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• zwfdjgn8

  Mootools 1.3 (compat), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Size + Color Inventory Quantity Editor

  Uses two textareas to generate a table of quantities that can be easily edited

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Alternating Order Example

  This is a simple example of how you can alternate the order of stacked, floated elements in such a way that when condensed in a responsive design they would still stack in the correct order. The idea is that when stacked, you want B->A to be the boundary between groups, but when not stacked you want to alternate display of B/A A/B to keep it visually interesting.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Making jQuery Deferred match promise pattern

  ES6 promises are awesome, it's really easy to return new Promise((resolve, reject)=>{}) and wrap your function internals with a promise. jQuery deferreds force you to create a $.Deferred() object, and then return it as a separate statement. This is annoying, and is easier to screw up. Why not wrap that in a fake promise class?

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Collecting a collection of functions

  A friend described an issue he had where he was being provided a js file that was a collection of functions to be included in a project. Polluting the global namespace is gross, so we want all the functions in a module somehow. If you are not allowed to change the file to export the functions as a module, this will work. :P

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Button Styling Test

  Taken from https://www.reddit.com/r/css/comments/2x5abi/job_application_test/, this looked like a fun experiment to create such a complex button with only one element and some css.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Deferred whenAll extension

  A Demonstration of how to extend jQuery's promise library to have a .when method that handles an array of deferred objects. Most promise libraries have an "all" method to handle times where you are creating an indeterminate number of promise/deferred objects, and so cannot explicitly declare them to be watched for resolution or rejection. If you are already using jQuery, this should help make its Deferred object more useful in your applications.

• Private fiddle Extra
• Delete fiddle
Groups Extra