Skip to main content

Experience Design

Interactive Examples using HTML5

Form Follows Function has put out a growing set of interactive examples using HTML5, CSS3, and JavaScript. What you’ll find there is some really interesting interaction and occasionally seizure-inducing animation.
Are all of the examples practical? No, but that’s not the point. What is being shown off here is that with HTML5, CSS3 and JavaScript, you can accomplish many of the effects, animations, and interactivity that we, as designers and developers, have had to rely on plug-ins such as Flash, Java, and Silverlight. I’d love to have some insight into how some of these examples were created, but other than just looking at the source, nothing is available.
With the number of people accessing the Web via mobile device outweighing accessing it via “computer”, the ability to code once and be fairly certain that it’s going to work on mobile, tablet, and desktop platforms is paramount. No one wants to use plug-ins. No one. It’s going to take some time for interactive designers and developers to convert their skills from some of those traditional tools, like Flash. Primarily, at least right now, because there are very few tools that they can relate to. However, that is changing. Adobe and other companies are developing tools to help fill this void. Of course, there is the old, tried-and-true way…actually learning how to hand code.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.