Matt's public fiddles
-
a test fiddle
This is to try to see how old fiddles are listed... I think they deleted all my old fiddles for lack of login...
-
Simple Modal -- again
Couldn't find the old one, this one is still really simple & centering with translate might actually be a decent improvement.
-
sum a list of numbers
No-Library (pure JS), HTML, CSS, JavaScript
-
Testing Fetch with someone else's code
NOTE: the base works with fetch(url) versions 4,5,6 & versions 7 & 8 try to use the more complex method of invoking fetch and both suffer from the "Unexpected end of input" syntax error... not worth playing around with such a lame problem going to use axios
-
Simple Fetch
get data from a webservice. Fails with an "Unexpected end of input" error.
-
on screen keyboard
pure js & html/css Create an event handler to get the key presses and activate
-
Creating Promises
This fiddle will show how to create promises out of more than just a console.log call
-
js self executing object literal methods
No-Library (pure JS), HTML, CSS, JavaScript
-
Listening to DOM events with google maps api
google maps api what can you access from an addDomListener event...
-
containsLocation()
No-Library (pure JS), HTML, CSS, JavaScript
-
Listening to DOM events
No-Library (pure JS), HTML, CSS, JavaScript
-
canvas drawing object test
No-Library (pure JS), HTML, CSS, JavaScript
-
js self executing object literal methods
No-Library (pure JS), HTML, CSS, JavaScript
-
local storage test
testing local storage usage
-
CSS only drop down menu step one
The key is to put the the submenu inside a list element (or something standing in as one). the CSS is the part that tells how it works
-
CSS 'light beams'
using CSS produce the a CSS effect using clip-path & (in theory) shape-polygon() equivalent of beams of light... (turns out
-
Movement Animation CSS + JS event
Mootools 1.4.1, HTML, CSS, JavaScript
-
fluxiny
fluxiny example
-
responsive div based grid
A grid made of div elements. The CSS also dynamically responds to screen size. Headers etc... can use a font-size in percentage to enable them to effectively scale with 'view port' size
-
Firing an input event only when field is programmatically given a value
This is an expansion of the input event of the previous fiddle. This will fire the input event when the field in question is populated programmatically.