Brian's public fiddles
-
Basic jQuery plugin with old version 1.6.2
Needed to make an example with an older version for work.
-
Some Event Objects to Study
No-Library (pure JS), HTML, CSS, JavaScript
-
Handlebars Example
Nothing fancy, just playing around.
-
Notes about jQuery Deferred Objects
No-Library (pure JS), HTML, CSS, JavaScript
-
Toggle second inline input
Goes from a full-width input to a couple of inline half-width inputs, gutter included. Triggered with a button, shown/hidden with CSS.
-
Simple Content Filter
Reductive filter for when you have a bunch of divs and you want to find one with a partial name.
-
Typeahead with 2 Datasets
Filter a Bloodhound dataset dynamically. Sort results according to cagegory.
-
jQuery UI Autocomplete with local data
Here we have a local data object instead of a server URL, By overriding some internal methods, we can control the output.
-
Typeahead Bloodhound Filter
Filter a Bloodhound dataset dynamically
-
jQuery on() with Multiple Events
Just a syntax example for reference.
-
JavaScript Event Delegation without jQuery
jQuery does lots of cool stuff, but it isn't necessary every time. You can get a surprising amount of stuff done with the event object.
-
Document Fragment Example
Adding content in one shot by putting it all into a fragment first.
-
Throttled Resize Management
Define a list of things to do on resize and add to it at any time later. Uses Ben Alman's throttle/debounce plugin to keep calls down to once per 250ms.
-
Spider-Man Crawls on the Canvas
Wanted to use a sprite without a library of any kind. Practiced tile animation, translating the context and flipping the image.
-
Two arrays, one match.
Returns true if the dropoff locations have any numbers in common with the pickup locations.
-
Canvas Snow
Another snowfall example, inspired by the many blizzards which have hit Maine recently. Also making use of the Visibility API, because IE<=9 can go to hell.
-
Table Display Tests
Just playing around with the way lists can be displayed as tables.
-
CreateJS moving dots on a line
CreateJS 2013.09.25, HTML, CSS, JavaScript
-
Moving dots on a line.
No matter where the line is, the dots will go from start to finish. Change the startPoint/endPoint variables to see different results.
-
Toggle Next
For a set of items that need to toggle their content. Just put "toggler" class on anything that needs to toggle the next div after it.