Resources

Final Project

• Using Mind Maps for UX

Class Examples

• Mini Box (Three.js)
• Cardboard (Three.js)
• Delicious API
• Object-Based Popups
• Event Binding
• Minimal Web Page Template
• Arrays

Alternative Web Content

WebGl and GLSL
• Threejs - examples and more examples
• Pixel Shaders - An Interactive Introduction to Graphics Programming - Includes an interactive Shader Editor
• Introduction to Shaders by Aerotwist
• GLSL Shader Sandbox
• Making Audio Reactive Visuals by Airtight Interactive
• GLAM - documentation - examples

HTML5 <canvas> tag
• Dive into HTML5 - The <canvas> tag
• P5js - learning center

Scalable Vector Graphics (SVG)
• Learn SVG and SVG basics tutorial
• D3js - examples - docs
• Twojs - example: mouse events with SVG

Public APIs

• Flickr
• Tumblr
• Twitter
• Instagram
• Delicious
• Soundcloud
• Youtube
• Maps
• Custom Search
• Custom Search

In-class Readings

Web APIs

• Javscript Objects
• Representational State Transfer (REST)
• REST (Wikipedia)
• Application Programming Interface (Wikipedia)
• Web API (Wikipedia)
• jQuery API
• Ajax Programming (Wikipedia)
• jQuery Ajax
• Ajax (Mozilla)

UI/UX

• How Home Depot Copied Apple to Build an Ingenious New Bucket
• 9 GIFs That Explain Responsive Design Brilliantly

Lecture Notes

• UI/UX Lecture Slides

Utility Resources

• Setting Up Storm
• Chrome Developer Tools
• Github
• jQuery

Online Books

• Designing for the Web
• Eloquent Javascript
• Dive Into HTML5

Blogs & Websites

• Smashing Magazine
• CSS-Tricks
• A List Apart

Books

• The Design of Everyday Things, Don Norman
• Designing Interactions, Bill Moggridge

Past Semesters

• Fall 2014