Choose your topic from the list below. Links open in a new window/tab.

XHTML Template and other Useful Files

• Use this template for all work in COIN 65.
• Lorem Ipsum; dummy text of the printing and typesetting industry.
  More info on Lorem Ipsum.

Companion Web Sites for the Textbooks

• The Stylin' Companion Site
• Stylin' Errata
• CSS in 10 Minutes Companion Site
• CSS in 10 Minutes Errata
• Zen Garden
• Molly.com
  Molly E. Holzschlag is a well-known Web standards advocate, instructor, and author.
• Dave Shea Hailing from Vancouver, B.C., Canada, Dave Shea is the cultivator of the Zen Garden. A graphic designer by trade, he writes about all things web for his daily weblog, mezzoblue.com.

Standards / Reference

• W3C This is the governing body which sets the HTML standards
• IE vs. The Standards
• The Web Standards Project
  a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.
• World Association of Webmasters (WOW)
• Web Design Group

Browsers and Other Tools

• Safari (Macs only)
• Firefox
• Netscape
• Opera
• Browser Archive (downloads). Every browser ever released.
• Don't have enough browsers? Try Flock
• Firefox and Mozilla Add-ons
• Get the Web Developer Tools here or here
• Colorzilla Firefox Extension for HEX colors
• Browsercam
  Instantly See Your Pages in Any Browser on Any Operating System
• The browser screen resolution checker shows what your web page looks like with the viewer's monitor set to different screen resolutions.
• Favelets/Bookmarklets - Powerful Javascript bookmarks.

Validators

• W3C Validator
• WebXACT Validator
  A free online service that lets you test single pages of web content for quality, accessibility, and privacy issues.
• Doctor HTML Page Analysis
  Doctor HTML is a Web page analysis tool which retrieves an HTML page and reports on any problems (including spelling) that it finds. The primary focus of this tool is to provide a clear, easy-to-use report of information that is relevant for improving your Web pages.
• W3C CSS Validator
• W3C CSS Validator FAQ (not a pretty page)

Text Editors

• Textpad for PC
  WordPad and Notepad, which come with the PC are also acceptable but not nearly as good.
• Mac OSX BBEdit Lite 6.1 or Textwranger.

Secure FTP Clients

The CITS Division no longer supports using standard FTP to remotely transfer files with our UNIX network. You now must use a software program that supports the Secure File Transfer Program (SFTP). The links below detail free and low-cost software which you can download and install on your local hard drives.

SFTP programs conduct file transfers in an encrypted manner. For directions on how to use these FTP clients, please see the CTIS Transfer Files using Secure Transfer Program (SFTP) page.

• Macintosh OS 8/9 - MacSFTP   ($25, 15 day free trial)
• Macintosh OS X - Fugu   (free)
• Macintosh OS X - Transmit ($30, 15 day free trial, pretty good)
• Macintosh OS X - Fetch ($25, 15 day free trial, great!)
• Windows - WinSCP3   (free)
• Windows - WS_FTP Pro   ($39.95, 30 day free trial, worth the cost)

What Level Are You At and Other Fun?

• Levels of CSS knowledge ;-)
• Levels of HTML Knowledge ;-)
• Levels of JavaScript Knowledge ;-)
• How to Handle a Web Designer

Great CSS Sites

• A List Apart
  "...design, development, and meaning of web content, with a special focus on techniques and benefits of designing with web standards."
• Andy Clarke's And all that Malarkey
• Tantek
  Tantek ‚elik, of San Francisco, is Chief Technologist at Technorati.
• QuirksMode
  Peter-Paul Koch's CSS and JavaScript tips and tricks
• Eric Meyer's CSS Site
• CSS wisdom from Owen Briggs at his site: TheNoodleIncident
• CSS Beauty
  is a project focused on providing its audience with a database of well designed CSS based websites from around the world.
• Additional CSS Links of Interest (with descriptions). Includes Layout Templates, Hacks, Browser Support, Bug Tables and more.
• BrainJar Experiments in Web Programming
• CSS Zen Garden Resource Guide
• 456 Berea St.

CSS Layout

• An Overview of Current CSS Layout Techniques (good discussion of fixed vs. fluid)
• The Layout Reservoir
• More fluid designs
• CSS Layout Techniques: for Fun and Profit

Help with Specific CSS

• SelectOracle
  Ever wondered what a particularly complex CSS selector really means? Here's your chance to find out!
• CSS Centering
• Lists
• Building a page template in CSS - a step by step tutorial very good!
• CSS Table Gallery
  Showcase of how CSS and data tables can work together to create usable and pretty results.
• The CSS and XHTML Lab

Testing and Compatibility

• Position is Everything
  CSS Bugs Explained
• Eric Meyer's CSS Test Suite
• Table Centering Tests
• CSS Creator Tony Alsett
• CSS Property Compatibility Chart
• Quirksmode CSS contents and browser compatibility

Font Sizing

• List of the most recent font survey results
• Eric Meyer's font sizing example
• Size Matters
• Font Sizing by Richard Rutler
• In-depth resource and discussion on Font Sizing
• Font Sampler
• Owen Briggs suggests a separate stylesheet for "simple" browsers (like NS 4.X etc. You can find his discussion and sample CSS at: Sane CSS Sizing
• Owen Briggs: Text Sizing
  a collection of 264 screenshots showing how different text sizing methods look in different browsers.

CSS Discussion

• CSS Discuss