Playing with Styles
This is my playground sandbox for experimenting with Cascading Style Sheets. I have taken some of the many ideas that exist on the web, and adapted them to create something new.
Attributions to the author(s) that originally inspired me are given on each page. The so-called "Jello layout" comes from Mike Purvis, an undergraduate at the University of Waterloo, Canada. The "negative margins" two-column layout is adapted from Zoe Gillenwater’s example.
Javascript has been added unobtrusively; most of the styling works with scripting disabled. The two-tone heading is done by duplicating it with a script, but only if CSS is active. Turn off styling and you only get one heading!
Some dynamic effects adapted from "DHTML Utopia: Modern Web Design Using JavaScript and DOM" by Stuart Langridge. Additional code help from Dean Edwards and Dustin Diaz.