JS activated CSS transitions, Ajax requests, Event Listeners.

Default Demo Demo

This is my default page for code demonstrations. On the top-left of the page you'll see the "fluency" ribbon that sums up what I'm passing off with each demo. The grey box below is my "demonstration window" where the code will be running. Beneath my demonstration window you will find the relevant source-code for my JS or CSS (depending on the demonstration). I've added both to this page.

My demonstration pages use CSS transitions on the ribbon, and make HTTP requests to get the JS/CSS source code. Because of what I'm doing with the HTTP requests, there's also some slight DOM manipulation (but nothing fancy).

I have no special code to demonstrate on this page, but I bet that if you did the Konami Code something cool would happen.

JavaScript Source:

CSS Source: