Ben's public fiddles
-
RoyalUr.net dice randomness distribution
This page throws the dice from RoyalUr.net a given number of times and shows how the reulst matches the expected distribution of randomness.
-
JS Events Demon
Demonstration events to show in which order they are fired.
-
Error loading @inrupt/solid-client from Skypack
No-Library (pure JS), HTML, CSS, JavaScript
-
[WIP] Animated Chart.js example
Chart for medium post explaining OpenProcessing tweet
-
How Many Squares Do You See?
As just answering without explaining seemed a bit lame I decided I'd rather document my answer. author(s): Potherca
-
Create an array of years within a given range
My answer to this question: https://stackoverflow.com/questions/24433482/js-time-make-an-array-for-each-year-between-two-dates/
-
getJsonFromCsv()
Get data from any given CSV file anywhere online, using the Yahoo Query Language (YQL) API.
-
SVG Animation - moving line
No-Library (pure JS), HTML, CSS, JavaScript
-
Web Ready Augmented Reality in 47 Lines of Code
Code by Ali Spittel, used during her talk "Web Ready Augmented Reality in 47 Lines of Code". Visit the source-code on github: https://github.com/aspittel/face-filters-javascript/
-
Compare two times with Moment JS
No-Library (pure JS), HTML, CSS, JavaScript
-
Amount of pull on Dockerhub for a Gitlab group
No-Library (pure JS), HTML, CSS, JavaScript
-
Collapse/Expand Toggle on multiple elements (with jQuery)
jQuery 1.9.1, HTML, CSS, JavaScript
-
Detecting history.pushState changes
This page demonstrates how changes made to/by using history.pushState can most easily be detected.
-
Demonstration of logic to highlight all elements that use a given font.
No-Library (pure JS), HTML, CSS, JavaScript
-
simple jQuery List Filter Plugin DEMO
See https://gist.github.com/Potherca/c765ec8e09270f25e44e525979c08a8a
-
Demonstration of js-sequence-diagrams
No-Library (pure JS), HTML, CSS, JavaScript
-
jQuery `click` and `change` event execution order
This fiddle demonstrates that the order in which events are executed by jQuery for `click` and `change` events does **not** depend on the order they have been _registered_.
-
[WORK IN PROGRESS] TVDB API Example
Example of how to connect with the TVDB API.
-
OMDB API example
A more robust example for the Open Move Database API.
-
CSS only list enhancement
Original code from http://red-team-design.com/css3-ordered-list-styles/