Hand Eye Design
aka michael richardson | web developer based in boise idaho
|||
elegant web solutions since 1999

Experiments

The possibilities are endless!

Let’s say you wanted to create a way for cyclists to find their way around Boise? We could create something like this:
For this, I used three of Google’s Mapping APIs. Click here to see it in a new window, or open it on a mobile device.
Or maybe you need to graph or chart some data…
Here, I’ve used The Open Weather historical data API for the data, and High Charts for the charting functionality. We can use any type of graph or chart you see on High Charts (or other JavaScript-based charting libraries like D3 and Charts.js) to visualize your data.
Or, maybe you need a kind of audio player, where animal sounds are generated using a drag-and-drop interface…

This makes use of the jQuery library and the native HTML5 Audio element.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Other experiments...

Golden Section
A golden section rectangle created from pure HTML & CSS, with each segment colored randomly. Great to bookmark and refresh every day.
visit
Happy Birthday
A happy birthday for my mom made with animated circles which together make waves. Circles drop into place. Uses jQuery animation extensively.
visit
Image Tinkering
I take a small jpeg of a jumping spider and a.) reproduce it programatically at the same size; b.) grab pixel-level data from the cursor and c.) reproduce each pixel as a large square to recompile an image from those larger "pixels". Then you can reverse the compiling by making the tiles tumble out, using a type of animation called "easing".
visit
Random Colors
A large square image made from faux-pixels of randomized colors.
visit