Mouse over the puppies below to see some cool CSS3 effects. Before mousing over the last one, make sure to say "roll over!"
Although the site is no longer up, this is what Skillville Games looked like circa 2012. I developed the entire CSS and HTML foundation of the site (although I didn't create the visual design).
Press the buttons to load content into the box using different AJAX methods (view source for details). Note: The AJAX and JSON examples won't work in a local environment without a server. There's a live version on my website:
This example integrates with a third party API so you can look the city and state of any zip code!
I have already used jQuery in the AJAX and JSON examples above, but here's some more (see source for details):
Example 1: Making things sortable (drag and drop) in a more cross-browser-compatible way than CSS3 can currently provide. Try re-ordering the donuts below in order of deliciousness.
Example 2: Datepickers. HTML5 provides a datepicker, which eventually will be better from an accessiility standpoint, but for now this is the most widely-supported way to go.
Example 3: Effects. Click on Wile E. Coyote to make a random effect happen to him!
Example 4: Animation transitions. Similar to CSS3 transitions, but with a larger variety of effects, and more cross-browser compatibility. Note: This example is still under construction.
ThiS iS CraZY!!!
Coming very soon...