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)...