A few days ago, I had a talk at a conference in Zurich (I’m going to write more about it in another post).The talk was about “10 things you might not know about CSS3”.The first of those things was how you can do bouncing transitions with cubic-bezier() instead of an easing keyword.As usual, my slides included a few live demos of the functionality, in which I edited the cubic-bezier() parameters and the audience could see the transition produced.
The only one that supported values out of range was this one from the Opera Dragonfly developers, but I found it kinda impossible to adapt.
For my talk, I tried to adapt one of them but it was late so I gave up after a while and ended up just showing them a screenshot.
And the day after the talk, I started adapting this to my needs (ever tried coding at a conference?
It’s awesome, you get to ask questions from very knowledgeable people and ger replies straight away).
And then I started cleaning up the code, changing how it worked, adding features.
At this point, I think the only thing that’s left from that tool is …the HTML5 doctype.