Web Platform

The web platform - HTML, CSS, Javascript, and associated tools - is a great starting point for hands-on interaction design. This guide is not about 'making a web page' - rather, we see web technologies as a highly accessible platform for sketching and prototyping interactivity.

In the recent years it is possible to use Javascript to make things far beyond the web, such as tangible computing and controlling robots. Pretty much the only reason why you might want to not try something with Javascript is in extremely resource-constrained or high performance use cases. Even then, Espruino and real-time image processing shows what can be done.

Guide

1. First steps - Setting up your computer
2. HTML
3. CSS
4. JS
5. Starter Skeleton

And then there's the advanced section.

Other resources

• Learn to Code HTML and CSS - A step-by-step guide through the basics.
• Interneting is Hard - Nicely illustrated introduction to HTML and CSS

Khan Academy

• Introduction to Javascript
• Introduction to HTML and CSS

• Making webpages interactive

• NodeSchool - A variety of hands-on workshops for different web technologies

• Enlight - A few tutorials on simple web apps

Inspiration

• Awwwards - Mostly commercial work which uses the medium of the web in interesting ways
• Chrome Experiments - Pushing web technology

Advanced

• Google's Web Fundamentals
• Spellbook of Modern Web Development
• What Can The Web Do Today? - The state of various new APIs for the web