Links to on-line sources for CIS 421

Cal Poly library On-line Resources & ebooks

• Safari Electronic books on Web design, CSS, available on-line through the Cal Poly Library
• February Computers and IT: CPP Library link to on-line books
• CIS resources page at Cal Poly Pomona Library
• Web sites for CIS

Intellectual Property & Copyright

• Download, read, and follow the guidelines in the Fundamentals of Copyright and Fair-Use issued by the CSU Chancellor's office
• Copyright Symposium filmed by Cal Poly I&IT, March 24, 2008
  • Intellectual Property lawyer Ieuan Mahony talks about fair use, etc.

Browser & Web Development Tools

Download these

• Mozilla/Firefox Accessibility Extension works in Firefox 3 for validation, testing
• Wave Accessibility toolbar 0.9.4 from WebAIM for Firefox 3 for testing accessibility
• juicystudio.com colour-contrast-analyser-firefox-extension --installs on Firefox Tools menu
• chrispederick.com Web Development Toolbar for Firefox for validation, testing
• Fujitsu Accessibility Assistance Tools
  • color selector - standalone program that tests color & color blindness
  • color doctor -displays pages as color blind users will see them

Other tools that may be useful

• Internet Explorer Web Developer's toolbar download
• Opera Browser
  • Setting up Opera Browser with user stylesheet
• Fujitsu Web Accessibility Inspector - How to use
  • Download
• Crimson Editor-- like Notepad with line numbers
• Rapid Web Development with Firefox Developer tools
• Download Firefox Developer Extensions
• Jon Wiley's Test CSS tool download
• Accessible Forms
• Complex Table Mark-up (com tab) Toolbar
• selectoracle -
  • translates styles in inline or external stylesheets & tells you what their effect is on selectors
• Tales from the Public Domain - Comic Book on Fair Use & the Public Domain from Duke University
• Creative Commons Licensing: Share, Remix, Reuse-- Legally

Previous student work and other resources on this website

• Web sites from the past
• Student Flash & Video Examples
• Download Software for Dr. Soe's classes
• Internet Research Resources

On-line search

• blinx.com Video Search Engine
• Google video search engine
• Google image search engine
• Accessible Web Search for the Visually Impaired
  • Blind charities praise Google for finding accessible sites
• webarchive.org has archive of websites, video, sound files in the public domain
• searchenginewatch links to multimedia search engines
• Yahoo! image search
• YouTube
• SpaceTime 3D Image search

Royalty Free files -- check the fine print

• Web archive: http://www.archive.org
• Partners in Rhyme Royalty Free music & sound files
• Music site with music content, some of which can be used in your work if you attribute it: http://www.jamendo.com/en/
  • Check license restrictions on music you choose: http://creativecommons.org/licenses/by-sa/3.0/
  • be sure to attribute work and type of license in your sourcelog
• Jamendo Free music site
• Music files for non-commercial purposes (e.g. schools or personal web-sites) on the understanding that you provide a credit or link such as "music from www.mfiles.co.uk".
  • First, ask permission first by emailing files
  • describe the intended purpose for the music and quoting your website URL were relevant.
  • post permission email in your admin folder
• Photo sites with free images (read the fine print)
  • flickr.com/creativecommons
  • morgueFile.com
  • imageafter.com
  • Stock.xching
  • everystockphoto.com
  • The Commons on Flickr with photos you can use (read the fine print)
    • The Library of Congress Photostream on Flickr--historical photos that you can use
    • National Media Museum's Photostream on Flickr--more historical photos
    • The Creative Commons on Flickr

Sounds:

• Prof. David Grasmick's Sound Editing Web Site
• Dr Grasmick on Audio
• Dr. Soe's first movie

Photoshop Websites & online tools to download

• Adobe Photoshop Exchange
  • Photoshop Actions
  • Photoshop Brushes
  • Custom Shapes
  • Gradients
  • Styles
• Adobe Photoshop Tutorials
• Photoshop Roadmap
• Smashing Magazine Photoshop Tutorials
• PhotoshopStar
• Adobe Video Tutorials on the Adobe Video Workshop Website
  • click the "Start Video Workshop" button
  • on the next page choose Flash CS3 or whatever Adobe application for which you want to see a tutorial on the product dropdown list
  • on the Select a topic window on the right, select "Getting Started" to view introductory Flash video tutorials

On-line usability websites

• Jakob Nielsen's Usability Columns
  • How Users Read on the Web
  • Writing for the Web: Links to columns
  • Accessible Design
• Web page design checklist from Dartmouth
• Vincent Flanders Web Pages that Suck
• Mystery Meat Navigation
• The Daily Sucker
• Human Factors Bad Design

Web Standards

• World Wide Web Consortium
• W3C CSS Validator
• XHTML Validator
• Method to embed Flash files in an HTML page so they will validate (using the <object> tags without the <embed> tags)
  • ActionScript2
  • ActionScript3
• ListApart article: Method to embed movie files in an HTML page using <object> tags without the <embed> tags (so it validates)

Accessibility Resources

Web Design with CSS for accessibility

• Sitepoint CSS Reference site -- find your CSS styles here
• Gala CSS Layout Templates to download and modify
• Jon Wiley's Advanced CSS
• Rapid Web Development with Firefox Developer tools
• Creating Accessible Web Sites Using CSS
• Creating invisible content for Screen Readers
• When is a list not a list (using <ul> for menus)
• The listamatic - one list many options (many CSS menus)
• Browse design tips by physical disability

Color & Accessibility on the web

• juicystudio.com colour-contrast-analyser-firefox-extension --installs on Firefox Tools menu
• Color Palette Generator (not websafe colors)
• Color Combo
• The color wheel
• Eric Meyer's color blender
• web-safe color machine
• Fujitsu Color Doctor Download

General Web accessibility sites

• Web Accessibility in Mind
  • A Framework for Designing Websites for People with Cognitive Disabilities (including low reading skills)
• Cal Poly Pomona Resources on Accessibility

CSS for accessibility: On-line

• Just Ask: Integrating Accessibility Throughout Design
• W3 schools - tutorials for XHTML, CSS, Javascript, etc.
• Position is Everything--about IE problems with CSS
• A List Apart - 12 lessons for those afraid of CSS and Standards
• CSS Zen Garden
• Designing for Accessibility and Beauty
• CSS layout putting main content first: Any Order columns
• Layout Gala CSS Page layouts to download
• For help with problems with CSS layout not working in Internet Explorer, visit:
  • http://www.positioniseverything.net/
  • http://www.positioniseverything.net/ie-primer.html
  • http://www.positioniseverything.net/explorer/ expandingboxbug.html
• W3C CSS specifications
• W3C CSS Tutorial for beginners
• Dave Raggett's intro to CSS
• Learning CSS list of tutorials

Accessible Flash

• Accessible Flash 101
• Flash Accessibility by Tia Alexander

Accessible video

• Media Access Generator (MAGpie)
• Digital Captioning for Video to make it accessible

Web Accessibility Checklists & Accessibility Testing

• W3C Web Content Accessibility Guidelines 1.0
• W3C Web Accessibility Checklist HTML version
• W3C Web Accessibility Checklist Word Version
• WebAIM Accessibility Products and Tools
• Wave Accessibility Tool for Testing Web pages
• Juicy Studio Colour Contrast Analyser Firefox Extension
• Vischeck Color Blindness Simulator
• Cynthia Says 508 test
• Accessibility Valet Demonstrator
• Evaluating Web Sites for Accessibility: Overview
• The Trace Center's Photosensitive Epilepsy Analysis Tool (PEAT)

Download these browser Toolbars with testing features

• Mozilla/Firefox Accessibility Extension works in Firefox 3 for validation, testing
• Wave Accessibility toolbar 0.9.4 from WebAIM for Firefox 3 for testing accessibility
• juicystudio.com colour-contrast-analyser-firefox-extension --installs on Firefox Tools menu
• chrispederick.com Web Development Toolbar for Firefox for validation, testing
• Mozilla/Firefox Accessibility Extension provides a testing toolbar

Download these desktop testing tools

• Fujitsu Accessibility Assistance Tools
  • color selector - standalone program that tests color & color blindness
  • color doctor -displays pages as color blind users will see them
  • Fujitsu Web Accessibility Inspector

Upload web pages to these on-line testing sites

• Cynthia Says 508 test
• --Only one test per website per minute. They are selling services and books.
• can also be run from Web Developer's toolbar
• Vischeck Color Blindness Simulator
  • checks colors in a Web page and shows you how they would look to individuals with three different types of color blindness. It does not work with frames, certain types of JavaScript, or Flash.
• Juicy Studio Colour Contrast Analyser
  • tool can be downloaded from their website and installed as a Firefox Extension
• W3C Web Accessibility Checklist
  • Word Version to download for accessibility testing of peer's website
• WebAIM Products and Tools
• Accessibility Valet Demonstrator
• Test the readability or your web page at Juicy Studio