Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /homepages/13/d514182410/htdocs/blog/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /homepages/13/d514182410/htdocs/blog/wp-includes/plugin.php on line 601

Browse Category: Archives

Archives 2011 // Old HTML5 Experiments

Recently while going through some of my old files, I found some old HTML5 experiments I did a while back. I though I’ll share it here with you. Maybe some of you guys can reuse or update some of the concepts and code snippets:


3D Carousel

Small experiment I did to test the new CSS 3D-Transform and CSS Transitions properties. You can play around with the configurator to change the radius, angle and speed of the carousel.

 

Demo
Download Source Code

 


Minimal Portfolio Concept

portfolio_concept

Quick Portfolio concept using custom transitions

 

Demo
Download Source Code

Canvas Menu Concept

canvasmenu

A menu concept combining CSS and Canvas Elements

 

Demo
Download Source Code
ipad

Archives 2011 // HCI Paper: Intuitive interaction with 2.5D environments and 3D objects in a web-application for mobile devices

During my master’s course on Human Computer Interaction at the Mittelhessen University of Applied Sciences, we had to come up with a new human computer interaction concept and prototype using new technologies and input devices such as multitouch-tables, mobile devices, kinect sensors, etc.

It was right around the time the HTML5 hype started. Apple had just announced the new iPad 2 with a gyroscope sensor improving the motion sensing accuracy and allowing the iPad to measure in which direction you are moving/rotating it in space. We decided to have a look at how we can make use of this new interaction input to enhance the mobile user experience in an online shop. Continue Reading