Posting a bunch of recent experiments and prototypes.
I’ve been using JSBin to do a lot of prototyping and experimentation recently.
These are mostly “do-overs” from work things.
Sliding menu drawer with animations1
Barebones drag and drop2
Drawing line segments (SVG + JS)
Weird monitor (Canvas + JS)
Spinning box (SVG + JS)
Spinning box (SVG + CSS)
CSS transitions on SVG inside of Anchor Tag3
Wiggling Key (SVG + CSS)
Updated 2015-04-30: Using
transitionendinstead of a timeout (h/t JS).
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.
This is directly related to one bug on this site. :)