Useful Resources
syllabus | schedule | exercises | assignments | class notes | resources | students | ARTC courses
Links to Useful Resources

General:
Smashing Magazine
Adobe Mobile and Device Developer

HTML 5 Canvas 5 Tutorials

Making smooth animation in JS

Illustrator to Canvas Plugin
To install download the plugin and copy it to the Illustrator>Plugins>Tools folder and restart Illustrator. To export to canvas, create a vector image and select File>Export in Illustrator and select Canvas in the menu.

Interface Issues:
Design Patterns
Yahoo Dev. Network Design Patterns
Slodive 15 Mobile Web Design Tutorials
W3C Mobile Web Best Practices


iOS interface guidelines
Apple's Human Inteface Principles
10 Tips for iPhone Wed Development

Designing Mobile Interfaces in PhotoShop

iPhone Development:

Photoshop template for IPhone Interface

iPhone GUI Kits

surgeworksMobile iPhone Prototyping

Designing an iPhone app


Mobile Web
XHTML
XHTML Mobile Website Templates
XHTML Mobile Profile
CSS Tricks
Ten more CSS tricks you may not know

Canvas Links
Mozilla Developer Center

Discussions
Mobilize, Don't Miniaturize

Responsive Design

1) Yiibu's 'Rethinking the Mobile Web - slideshow on responsive design and the approach to designing for mobile spaces
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu?from=ss_embed

2) Creative Implementation of Media Queries - check out the demo mostly
demo : http://www.thecssninja.com/demo/css_chameleon/
tutorial : http://www.1stwebdesigner.com/tutorials/how-to-use-css3-orientation-media-queries/

Code Validation
mobiForge Ready.mobi API
mobiReady

Free online Computer Books
Safari Books Online

Sites with iPhone Apps
Blue Munster
http://www.1webapps.com/
http://www.makeuseof.com/dir/
http://webdesignfan.com/30-beautiful-mobile-app-site-designs/

Cell Phone Art

see the list of cell phone art projects...

Mobile Brand, OS and Browser Research

see the research on mobile device brands and operating systems

see the research on mobile browsers

HTML5, Javascript and Canvas Examples

Save and Restore States
https://developer.mozilla.org/en/Canvas_tutorial/Transformations

Canvas Animation
http://www.cs.helsinki.fi/u/ilmarihe/canvas_animation_demo/mozcampeu09.html

Drawing a Directional Arrow
http://deepliquid.com/blog/archives/98

Pie Chart in HTML5
http://html5.litten.com/graphing-data-in-the-html5-canvas-element-part-iv-simple-pie-charts/

2-Way Background Images
http://javascript.internet.com/image-effects/2-way-background-images-slides.html#source

Basic animation
http://blog.ganeshzone.net/index.php/2010/12/simple-animation-using-html5-canvas/

Snake game
http://blog.new-bamboo.co.uk/2009/12/30/html5-canvas-snake-game

Spiral Text
http://crystalplatform.wordpress.com/2010/11/10/spirals-with-html5-canvas-rectangle-image-and-text/

Trees
http://www.codediesel.com/demos/canvas/tree/tree1.html
http://www.codediesel.com/demos/canvas/tree/algoTree.js

Background Color
http://javascript.internet.com/image-effects/background-color-change.html

Smiley Face
http://thinkvitamin.com/code/how-to-draw-with-html-5-canvas/

Martin Fractal
http://www.eggheadcafe.com/tutorials/aspnet/6ac093ba-b60b-4134-8f34-87a1e53898a5/pure-javascript-martin-browser-fractals.aspx