Resources: Links


History and Functionality of the Web

The History of the Internet -- Groovy b&w 2D graphics! (8 minute video)
http://www.youtube.com/watch?v=9hIQjrMHTv4&feature=related

…and How it Works (5 minute video)
http://www.youtube.com/watch?v=7_LPdttKXPc&feature=related


Developer Tools

Firebug
(a Firefox plugin which enables you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page)
https://addons.mozilla.org/en-US/firefox/addon/firebug/


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

The New Boston Educational Tutorials (BOOKMARK THIS!)
http://thenewboston.org/tutorials.php

w3schools
http://www.w3schools.com/


XHTML

The New Boston XHTML Tutorials
http://thenewboston.org/list.php?cat=40

XHTML Doctype Tag Code=

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd


CSS

CSS Play
--Dozens of CSS menus to try!
Some are free, some request donation. Please respect authors’ request to leave copyright in the code.
http://www.cssplay.co.uk/menus/

CSS Zen Garden
--Download the HTML and CSS files for beautiful web pages and play with altering them for practice and learning.
http://www.csszengarden.com/

CSS Juice-- Rounded Corners Techniques
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

All About Floats
(there is a 23-minute screen cast video, too, at the end of the text)
http://css-tricks.com/all-about-floats/

The New Boston CSS Tutorials
http://thenewboston.org/list.php?cat=40


Javascript

The New Boston Javascript Tutorials
http://thenewboston.org/list.php?cat=10

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


HTML 5

VERY GOOD 5-minute video on how to code video in HTML 5 for all browsers!
HOMEWORK!
http://www.youtube.com/watch?v=lZVFUQOCQWI

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
HOMEWORK!
http://www.youtube.com/watch?v=siOHh0uzcuY

Adobe on HTML5: what is it?
http://tv.adobe.com/watch/edge-videos/preparing-for-html5/

Some HTML5 video source code
http://www.curiousm.com/labs/2011/07/01/building-an-iphoneipadandroid-compatible-html5-video-player-part-1/

HTML5 video source code and explanations of how it works
http://www.niallkennedy.com/blog/2010/02/html5-video-markup.html

HTML5 video source code for different situations
http://allwebco-templates.com/support/S_video_movie.htm

HTML5 tutorials of all sorts on The New Boston
http://thenewboston.org/tutorials.php


Wordpress

Wordpress Tutorial
23 minute video, best one I have found
http://www.youtube.com/watch?v=jexUS43sdeQ&feature=related


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)

     context:
     http://arteparainformarte.blogspot.com/2012/03/celebrating-female-heroes-geeks-marissa.html

     direct link to video:
     http://mama.imow.org/mamasvoices/celebrating-change-2012-marissa-mayer


Wall Street Journal, April 12, 2012: “Arab Women Blaze Trails in [Tech] Start-Ups”
http://online.wsj.com/article/SB10001424052702304356604577337841735824280.html


Carnegie Mellon University: Women @ SCS (School of Computer Science)
     http://www.women.cs.cmu.edu/WomenSCS/#CSD

     Inspiring stories from women in the Computer Science Department:
     http://www.women.cs.cmu.edu/WomenSCS/CSD/

     …in the Language Technologies Institute (language processing, machine learning, etc.):
     http://www.women.cs.cmu.edu/WomenSCS/LTI/

     …in the Human-Computer Interaction Institute:
     http://www.women.cs.cmu.edu/WomenSCS/HCI/

     …in the in the Robotics Institute:
     http://www.women.cs.cmu.edu/WomenSCS/Robotics/


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
http://webaccess.berkeley.edu/developer-information/top-ten-tips/

Developer Resources
http://webaccess.berkeley.edu/developer-information/top-ten-tips/

Some Types of Disabilities, their challenges and suggested solutions for web design
http://lscr.berkeley.edu/advice/web/accessibility

Adobe Accessibility Features
http://access.adobe.com/

WAVE 3.0 Accessibility Tool
free, allows you to check your code
http://wave.webaim.org/index.jsp


(Free) Video Converters

Miro
http://www.mirovideoconverter.com/


Websites for Similar Classes

NMHU Web Production Workshop
Taught by Professor Miriam Langer
http://mart.nmhu.edu/ws/melanger/www10.html

University of Pittsburgh Computer Science 134
Taught by Mehmud Abliz
(He includes several classes of Javascript lectures if you are interested in js.)
http://www.cs.pitt.edu/~mehmud/cs134-2084/index.html


Print these resources (Word doc)...