Brandon's public fiddles
-
Loading an image via native js Promise
No-Library (pure JS), HTML, CSS, JavaScript
-
Get all instances of an Object prototype
No-Library (pure JS), HTML, CSS, JavaScript
-
Scraping some Instagram photos into a grid
uses YUI yql and contains two 'contains' conditions
-
Next N months function
This will cleverly spit out a set of options for a dropdown of the next N months
-
Responsive Tabs and icons
No-Library (pure JS), HTML, CSS, JavaScript
-
fuelUX wizard
jQuery 1.8.3, HTML, CSS, JavaScript
-
String Functions
regex, functions...
-
cn3hv0j3
No-Library (pure JS), HTML, CSS, JavaScript
-
2 column layout
responsive
-
Image Grid
using gridalicious
-
Infinite Lazy Loading of Images
Experimenting with code you might find in your typical lazy-load-on-scroll plugin.
-
CSS Only Slideshow
Just an example of how to implement a CSS only slideshow. Makes use of a few modern (but optional) browser abilities. - translate (animation) - calc (position of arrows) - pointer-events: none (improved interaction) Also, it should be noted the slides count backwards.
-
Slideout tab drawer from left
jQuery 1.7.2, HTML, CSS, JavaScript
-
Close button and slide-down modal
jQuery 1.7.1, HTML, CSS, JavaScript
-
Singleton example
fun stuff
-
tf5eyLxs
jQuery 2.1.3, HTML, CSS, JavaScript
-
One Rep Max Calculator
jQuery 2.1.3, HTML, CSS, JavaScript
-
Create GUID
No-Library (pure JS), HTML, CSS, JavaScript
-
Array Move
move an element of an array to a new position. Can handle negative indices as well. You won't see the method show up in the console.log either :)
-
Substring in an Array?
pure JS. This also has a nice output display without using console.log.