Adam's public fiddles
-
f8zLxmwb
No-Library (pure JS), HTML, CSS, JavaScript
-
FizzBuzz
No-Library (pure JS), HTML, CSS, JavaScript
-
CanJS 3.0 - Modal Problem
Trying to figure out why my modal component can't start out visible, and what's wrong with using can-event
-
62dn9p20
No-Library (pure JS), HTML, CSS, JavaScript
-
CanJS 3.0 - Modal Problem
Trying to figure out why my modal component can't start out visible, and what's wrong with using can-event
-
Style custom-elements
An interesting technique for allowing styling of the custom-elements themselves
-
Custom Radio and Checkboxs
Just trying out a fairly common technique for custom Radio and Checkboxes
-
CanJS Live Binding: can-value
This is a tiny example using CanJS and can-value live bnding
-
Simple Style-able Select
If it only didn't have a checkmark in Chrome!
-
Easy Card Animation
Easy animations with snabbt http://daniel-lundin.github.io/snabbt.js/
-
Balanced Pagination CSS
A little widget that has a next and a previous button, and a page indictor between them, that maintains balanced button size regardless of button text
-
CanJS can.route example
Just trying to show an example of what I think using can route correctly is
-
CanJS Live Binding: can-value
This is a tiny example using CanJS and can-value live bnding
-
Pathfinding on a grid
Just a little experiment to implement path finding on a grid graph, with the option for "shortcuts" on vertices
-
ChaiOne Code Challenge - Layout
A little tests for layout and minor JavaScript stuff. I tried to make a cool little behaviour for screens 640px and under.
-
ChaiOne Code Challenge - Tooltip
The tooltip can be applied to any element On mouse over, display the tooltip Remove the tooltip when the mouse leaves the area It is easily stylable and reusable reusable
-
Playing with a custom collection class
Just seeing what options I have for creating a custom collection object in JS
-
yk49m
Mootools 1.3 (compat), HTML, CSS, JavaScript
-
Download object JSON file
Just showing the simplest way to generate a JSON file from an object directly in the browser (HTML5 ready browser)
-
Best Header Ever
Using text-align justify to simplify the "standard" responsive header. Based on this article http://tympanus.net/codrops/2013/07/14/justified-and-vertically-centered-header-elements