Resources: Links

History and Functionality of the Web

The History of the Internet -- Groovy b&w 2D graphics! (8 minute video)

…and How it Works (5 minute video)

Developer Tools

(a Firefox plugin which enables you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page)

Overall Coding Tutorials-- XHTML, CSS, Javascript, HTML5, and more!

The New Boston Educational Tutorials (BOOKMARK THIS!)



The New Boston XHTML Tutorials

XHTML Doctype Tag Code=

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "


CSS Play
--Dozens of CSS menus to try!
Some are free, some request donation. Please respect authors’ request to leave copyright in the code.

CSS Zen Garden
--Download the HTML and CSS files for beautiful web pages and play with altering them for practice and learning.

CSS Juice-- Rounded Corners Techniques

All About Floats
(there is a 23-minute screen cast video, too, at the end of the text)

The New Boston CSS Tutorials


The New Boston Javascript Tutorials

Dre Gallegos' class presentation links and "how to" guide for JS photo gallery


VERY GOOD 5-minute video on how to code video in HTML 5 for all browsers!

A 41-minute video with Brad Neuberg of Google’s Developers’ Program on where the web has come from, where it is going, and the role of HTML5 video

Adobe on HTML5: what is it?

Some HTML5 video source code

HTML5 video source code and explanations of how it works

HTML5 video source code for different situations

HTML5 tutorials of all sorts on The New Boston


Wordpress Tutorial
23 minute video, best one I have found

5 Minute Doses of Empowerment
for women in tech--and the guys who want to cheer them on!

IMOW (International Museum of Women) Celebrates Marissa Mayer, then Senior VP @ Google (who just moved over to be the CEO of Yahoo)


     direct link to video:

Wall Street Journal, April 12, 2012: “Arab Women Blaze Trails in [Tech] Start-Ups”

Carnegie Mellon University: Women @ SCS (School of Computer Science)

     Inspiring stories from women in the Computer Science Department:

     …in the Language Technologies Institute (language processing, machine learning, etc.):

     …in the Human-Computer Interaction Institute:

     …in the in the Robotics Institute:

Accessibility Guidelines

Power Point Presentation by Andy Winnegar from the Southwest ADA, Santa Fe (presented in class on November 14, 2012)

Top 10 Tips for Making Your Website Accessible

Developer Resources

Some Types of Disabilities, their challenges and suggested solutions for web design

Adobe Accessibility Features

WAVE 3.0 Accessibility Tool
free, allows you to check your code

(Free) Video Converters


Websites for Similar Classes

NMHU Web Production Workshop
Taught by Professor Miriam Langer

University of Pittsburgh Computer Science 134
Taught by Mehmud Abliz
(He includes several classes of Javascript lectures if you are interested in js.)

Print these resources (Word doc)...