JSBin Experiments

I’ve been using JSBin to do a lot of prototyping and experimentation recently.

EmberJS

These are mostly “do-overs” from work things.

Sliding menu drawer with animations¹

Barebones drag and drop²

Animation

Drawing line segments (SVG + JS)

Weird monitor (Canvas + JS)

Spinning box (SVG + JS)

Spinning box (SVG + CSS)

CSS transitions on SVG inside of Anchor Tag³

Wiggling Key (SVG + CSS)

Notes

1. Updated 2015-04-30: Using transitionend instead of a timeout (h/t JS).

2. Here, I try to put together the simplest drag and drop as I could. The one I did at work evented off of dragenter, which proved to be a total pain in the butt. Incidentally, while doing this I also learned that a bunch of the native DOM events are pre-aliased into the Ember view layer.

3. This is directly related to one bug on this site. :)