This is a collection of three experimental projects I created using HTML, CSS, Javascript, JSON, and jQuery. Each one explores different aspects of code and user interaction, from click events to scroll events to pulling live data.
The first experiment deals with scroll events.
In this experiment, I used the github scrolling library skrollr to trigger various events depending on how far down the user had scrolled. I used this project as an opportunity to explore animating SVG's to morph and change shape according to the scrolltop distance.
Explore for yourself:
The second experiment deals with click events.
The user is asked several questions, the responses to which are stored and create a unique interactive environment specific to that user. In the interactive environment, the user can click on, hover over, and
drag the objects on screen.
drag the objects on screen.
Explore for yourself:
The third experiment deals with live data.
For this project, I used an API to link to live weather data, which then informed the appearance of the website. Each time the user refreshes the page, new data is pulled and adjusts the interface to match the data supplied.
Explore for yourself:
To see my process in creating these experiments, please visit:
