Barry's public fiddles
-
Touch vs. Mouse Event Showdown
A quick test to see how touch and mouse events fire in relation to one another.
-
RxJS Progress Bar
RxJS 5 Progress Bar
-
smart timer
RxJS 5 smart timer
-
TypeScript Setter Test
Will setters get called on construction?
-
Float Out Text
Small animation example for text floating out/in.
-
Thumbs Up and Down
CSS Animations for rotating a thumb up and down.
-
OpenLayers 3 - Tiled Layer Template
Basic Fiddle for OL3 maps using tiled layers.
-
4bnpg9xs
No-Library (pure JS), HTML, CSS, JavaScript
-
Who Incrments an Array??
While reviewing some code written by some of our interns, we came across a line that incremented a single-element array...and still worked. This led to this weird example that shouldn't ever occur, but is an interesting language quirk.
-
CSS Transition Carousel
A quick and dirty "carousel" example using CSS transitions on widths rather than using overflows and positions. It's not 100% the same effect, but has a nice feel to it.
-
PageRank Algorithm
This is a basic PageRank algorithm implementation. Used to analyze a small given data set for one iteration.
-
CSS3 Background Frame Animation
Just an example of 'animating' a background with just CSS
-
Ractive Paging Decorator
No-Library (pure JS), HTML, CSS, JavaScript
-
Multiple Listener Example
jQuery 2.1.0, HTML, CSS, JavaScript
-
Canvas Moving Box Example
jQuery 1.6.2, HTML, CSS, JavaScript
-
UAgent Checker
Dynamically load script.
-
Ractive Example
This is a basic Ractive example. Very very basic. See http://docs.ractivejs.org/latest/get-started for more complex examples.
-
Linkify: IE Whitespace problem
Trying to fix the whitespace consumption that occurs in IE.
-
Number to US Height representation
This is a quick prototype function on Number to be able to get the US Height representation back.
-
Selected Text Replacement Example
Shows how you can grab the current selection of an input, and swap out those contents.