Resources
FTP Address
ftp.mmlab2.rlc.dcccd.edu
Class Forms
- Grade Assignment Form
- Anonymous Email Form
- Real-time HTML Editor - Download Zip
- Vertical Real-time HTML Editor - Download Zip
Class Tutorials
Browsers
- Internet Explorer
- Firefox
- Opera
- Safari - Mac only
- Mozilla
- Netscape
- Lynx: here or here- text only browser
- Maxthon
- Links - text browser
Firefox Extensions for Web Developers
- Web Developer Toolbar
- View Rendered Source
- IE View
- HTML Validator
- Measure It
- ColorZilla
- X-Ray
- LinkChecker
- Venkman for Firefox 1.5
- Aardvark
- Best Firefox Extensions for Power Users - Listible
Browser Compatibility
- SafariTest - Returns a screenshot of your page as viewed with Safari.
- Browsershots - Screenshot of your page in many browsers. Up to 24 hour wait.
FTP Programs
- WS_FTP for Windows
- SmartFTP for Windows
- FileZilla - Windows
- Fetch for Mac
- CyberDuch for Mac
- find other FTP programs at Download.com
Text Editors
- Crimson Editor - includes FTP client
- Source Edit - includes FTP client
- TSW Webcoder - includes FTP client
- PSPad - includes FTP client
- Notepad2 - no FTP client
WYSIWYG Editors
- Nvu - free
- Mozilla Composer - free
- Amaya - free
- Dreamweaver - Macromedia OnDemand Seminars
- Microsoft FrontPage
- Adobe GoLive
- Trellian WebPage - free
- Evrsoft First Page 2006
Online Editors
Website Templates
Free Templates
Premium Templates
Validators AND Tools
XHTML Validators
CSS Validtators
Accessibility
- WebXACT - test single pages of web content for quality, accessibility, and privacy issues
- HiSoftware Cynthia Says - a web content accessibility validation solution
- Accessibility Check - find out how your web page measures up against common accessibility guidelines
Optimization
Bookmarklets and Favlets
Reference
- W3C XHTML 1.0 specification
- W3C Web Accessibility Initiative (WAI)
- W3C CSS 2.1 Specification
- Recommended DTDs to use in your Web document
- Web Browser Keyboard Shortcuts
Accessibility
- Web Content Accessibility Guidelines 1.0
- Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0
- Techniques for Web Content Accessibility Guidelines 1.0
- Section 508: The Road to Accessibility
- Usability.gov - Accessibility
- Research Based Web Design & Usability Guidelines: Accessibility
- Simply Accessible
- Online References for Usability and Accessibility in Web Design - Listible
- Color Blindness
- Ishihara Test for Color Blindness
- Color Vision
Screen Readers
Books
- Dive Into Accessibility - free
- Building Accessible Websites - free
Tools
- WebXACT - test single pages of web content for quality, accessibility, and privacy issues
- HiSoftware Cynthia Says - a web content accessibility validation solution
- Accessibility Check - find out how your web page measures up against common accessibility guidelines
- Lynx Viewer
- html2txt
- Colours and Contrast
- Vischeck
Tutorials
Colors
Color Psychology
Color Tools
- Colours and Contrast - computes the colour brightness difference and the colour difference between a background colour and a foreground colour
- ColorCombos - quickly select and test color combinations
- Technicolor - auto-paint a web page with a palette
- Color Wheel
- Vischeck - Vischeck simulates colorblind vision.Daltonize corrects images for colorblind viewers.
- Accessibility Color Wheel
- Colour Check
- Colour Blindness Simulator - reveal how your images may appear to users with a variety of colour blindness conditions
- Color Blender
- Colorblind Web Page Filter
- UMD Color Tools - list of color tools
- Best Color Tools for Webdesign - Listible
- Ishihara Test for Color Blindness
- Color Vision
COLOR SCHEMES
- Color Picker - This color picker will help you fine tune the hex color codes for your web page.
- WEB COLOR SCHEMES - web-smart color schemes, taken from a variety of sources
- Color Schemer Color Schemes
- ColorBurn - Daily color palettes from Firewheel Design
Color Schemes Generators
- Color Mixers
- ColorMatch 5K
- Color Palette Generator - Generate a color palette based on an image.
- ColorMatch Redux
- Color Palette Tools
- Color Scheme Generator 2
- Color Scheme Generators and Resources - Listible
- Steel dolphin Creative - Color Scheme tool
- Color Blender
- colr.org
Color Charts
- Color Chart
- CSS Color Chart
- ColorWhore - a directory of nice colors
- Pantone and hexidecimal colour conversion chart
- 500+ Colours - 500 colours by colour name, Hex value, RGB value and Microsoft Access code number
- Named Colours
Color Applications
- Color Schemer - Schemes
- ColorPix
- Chameleon - lets you experiment with the color scheme of your whole website in just seconds
- ColorShade - helps you create matching color schemes for your project.
Images
Image Editors
- Pixoh - Edit pictures online
- Adobe Photoshop
- Corel Paintshop Pro
- Macromedia Fireworks
- MS Paint - Free - (Start -> Run -> type: "mspaint" -> Click "OK")
- Paint.Net - Free
- Ifranview - Free
- XnView - Free
- Google Picasa 2 - Free
- List of Free Image Editing Programs
- Digital Artist Freeware - Listible
Gif Animation Tools
- GIF Construction Set Professional
- Bannershop GIF Animator 5
- Advanced GIF Animator
- CyD WEB Animation Studio
- CoffeeCup GIF Animator
Free Images
- stock.xchng
- Pixel Perfect Digital
- Yotophoto
- Open Photo Project
- FreePhotosBank
- Top 10 Places to Find Free Images For Your Blogs
- Free Stock Photos for Web and Design - Listible
- Flickr Creavite Commons
- Sample Images (for class use only)
ICONS
- Icon resources - Listible
- Bitcons - a mini-pixel icon set (16×16 pixels) containing 121 individual icons for various subjects.
Wallpapers
- Best free wallpaper websites - Listible
FontS
Font Tools
Free Fonts
Generators
Freelancing
Freelance Resources
- Design Crowd - Freelance Forum
Web Design Tutorial Sites and Blogs
- SitePoint
- Vitamin
- Digital-Web Magazine
- A List Apart
- 456 Berea St
- Particletree
- Signal vs. Noise by 37 Signals
- SimpleBits
- SitePoint Blogs
- Authentic Boredom
- ParticleTree
- Whitespace
- Web Design Practices
- CSS Insider
- Bill's Web Design Guide
- Lorelle on WordPress
Hit Counters
Web Design Media - Radio and Podcasts
- The Web 2.0 Show
- Web Design Podcast
- WebTalk Radio
- WebDevRadio
- Web Axe
- IT Conversations
- AIGA Podcast Directory
- SXSW 2006 Interactive Panels Podcasts
Podcast Directories
- Odeo
- Yahoo! Podcasts
- PodNova
- Podcasting News Podcast Directory
- Podcast Directory
- Podcast.net
- Podcast Pickle
- Podcast Alley
Web Development Applications
Web Design Books
- Don't Make Me Think
- Free Sample: Ch. 2 How we really use the web
- Web Copy That Sells: The Revolutionary Formula for Creating Killer Copy Every Time
- Web Design on a Shoestring
- Free Sample: Chapter 2: The Pound Wise Project Plan
- Free Sample: Chapter 8 Bang-for-Your-Buck Hosting and Domains
- Designing Web Usability
- Information Architecture for the World Wide Web
- Free Sample: Chapter 2: Introduction to Information Architecture
Free Online Books
- NetLibrary - an online library
- 100 Do's and Don'ts in Web Design
- Web Style Guide, 2nd Edition
- Building Accessible Websites
- Dive Into Accessibility
Web Hosts
Free Hosts and Directories
- Free PHP Hosting Directory
- Freespaces.com
- Brinkster.com
- freeservers.com
- United Net
- FusionBot
- FreeWebSpace.net
- Browsehost.com
- HostIndex.com
CSS Resources
CSS Design Galleries
- CSS Zen Garden
- CSS Collection
- CSS Vault
- Unmatched Style
- Stylegala
- CSS Drive
- cssimport
- cssthesis
- screenspire
- Full List of CSS Galleries - Listible
- Well Designed CSS Sites
CSS Experiments
CSS Online Tools
- CSS Tweak
- Listamatic
- Listamatic 2
- CSS Tools
- Free Menu Designs
- CSS Borders Tester
- CSS Creator
- Layout-O-Matic - new
- CSS Formatter and Optimiser
CSS Editors
- TopStyle Lite - free
- Style Master
CSS Style Resources
Design Galleries
Web Bookmarks
JavaScript
References
- Official JavaScript Reference
- Core JavaScript 1.5 Guide
- The DOM and JavaScript
- JavaScript Links and References
- JavaSript Cheatsheet: PDF - PNG
Tutorials
- Teach Yourself Programming in Ten Years
- A re-introduction to JavaScript
- Learn JavaScript
- Too Easy JavaScript
- JavaScript Tutorial: Variables and Operators Explained
- The JavaScript Diaries
- Ten good practices for writing JavaScript in 2005
- Javascript Primers - 30 Steps that make Javascript fun to learn
- Quirksmode - Click on the 'JavaScript' button on the left
- A (Re)-Introduction to JavaScript -Slides - Notes (HTML) - Note (PDF)
- Basic JavaScript
- Javascript Boot Camp Tutorial
- JavaScript Cake: Tutorials and Scripts
- JavaScript in 10 Minutes
- W3Schools JavaScript Tutorial
- Basic JavaScript Tutorials
- AJAX:Getting Started
- Round-up of 30 AJAX Tutorials
Scripts
Specific Scripts
- Javascript Image Gallery
- Boxover - Tooltips or Floating captions