Resources
-
If you know of a website, tutorial, blog post, video, or other resource that you think would be valuable to the class,
feel free to email the course staff!
Design
Android
iOS
Web
-
Bootstrap:
Popular HTML/CSS/JS framework. Offers nice, modern (but arguably generic) UI elements and animations.
-
Foundation:
Another popular front-end framework. Great for apps that need to be responsive (different layouts on different platforms).
-
Google WebFonts:
Massive collection of free fonts to download or add to your web page.
-
Beautiful Web Type:
A curation of some of the best fonts from Google WebFonts.
-
D3.js:
A JavaScript library for manipulating webpages based on data. Popular for data visualization / interactive infographics.
-
Animate.css:
Simple animations done only using CSS.
General
-
Voice And Tone:
Tips on achieving a consistent and appropriate voice within your app (good vs. bad error messages, etc).
-
Subtle Patterns:
An awesome collection of subtle background patterns. These can really make your designs pop in a non-distracting way!
Development
Android
iOS
Web
Glyphs & Icons
-
The Noun Project:
Massive collection of glyphs and icons (most are free).
-
One-Div:
Glyphs and animated icons that use only HTML/CSS (no images).
-
FlatIcon:
Huge database of free glyphs and icons.
Version Control
Testing & Debugging
Stanford AFS
Example Project Websites
Miscellaneous: Interesting & Inspirational
-
Dark Patterns:
Interfaces that have been carefully crafted to trick users. Examples of what not to do!
-
Chrome Experiments:
Amazing, interactive graphical demos and games, using only JavaScript and Chrome's WebGL engine.
-
Three.js:
Interesting applications/websites leveraging 3D models and environments, created using the Three.js JavaScript library.