• course info
• schedule
• assignments
• resources
• student work

- LSS Website (http://www2.ucsc.edu/lss/).
- look to "content-related tutoring" (http://www2.ucsc.edu/lss/tutorial_services.shtml)
- Sign up for tutoring through the tutor sign up system (https://eop.sa.ucsc.edu/OTSS/tutorsignup/)
- search for Francesca or the class.

- Francesca is also happy to answer questions about tutoring over email (fenzler@ucsc.edu)
but she can't answer specific questions about the material.

html editors:

smultron
text wrangler
bb edit
subethaedit
taco
textmate
crimson editor (for windows)
other editors for windows

ftp, sftp clients:

filezilla (all platforms)
fetch
cyberduck
fugu

html resources:

w3schools
info on doctypes postable
peachpit
html andxhtml basics (PDF)
head first dhtml and css (PDF)

css resources:

css cheat sheet
listamatic
more on navigation
box model
css mania
positioning
50-really-useful-css-tools
w3schools

color:

colour lovers
500+ colors
css basics
resources for web design
a list apart

typography:

typetester
typechart
csstypeset
8-simple-ways-to-improve-typography-in-your-designs
10-examples-of-beautiful-css-typography-and-how-they-did-it
textwrapper
lorem2
lorem ipsum generator

tutorials, free stuff, etc.:

zen garden
open source web design
20 Excellent Tutorial Sites for Web Designers
art of interactive narrative
particle tree
how to use ajax
authoring an interactive work (columbia)

intro to javascript and the DOM:

http://www.quirksmode.org/dom/intro.html
http://www.w3schools.com/htmldom/default.asp
http://www.w3schools.com/jsref/default.asp

Getting Started:

http://www.processing.org/tutorials/gettingstarted/
http://processingjs.org/learning/

Tutorials:

http://www.processing.org/tutorials/ http://www.learningprocessing.com/tutorials/
http://www.plethora-project.com/education/2011/09/12/processing-tutorials/
http://www.creativeapplications.net/processing/geometry-textures-shaders-processing-tutorial/

Adding Processing to the Web

http://processingjs.org/download/
- go to this site, and download processing-1.4.1.js put this file in with the rest of your html pages
- add the following code to the head of your site:

<script type="text/javascript" src="processing-1.4.1.js"></script>

- add your .pde file to you site files
- display your .pde file in the body of your html page using this code:

 <canvas id="mysketch" data-processing-sources="my_sketch.pde"/></canvas>>

- upload