Examples

Redesigns, reworkings, experiments, and sample code

IE5/Mac Band Pass Filter: 6 jul 2004 Want to serve a separate CSS file (or set of rules) only to IE5/Mac? As we strive to use less hacks in our CSS, filters become an integral part of isolating CSS rules that are only intended for certain browsers. This write-up documents how to do it, and how the syntax works. See related log entry Note: This work is licensed under a Creative Commons License.
CSS Zen Garden: 017 Golden Mean: @css zen garden | 27 may 2003 The CSS Zen Garden was created to showcase the potential power and beauty of CSS when taken on by graphic designers. Golden Mean is my design submission to the open project. It combines colorful imagery, layered typography, and a classic three-column layout. See related log entry Read related article
Yahoo! Search: 7 mar 2003 This was low-hanging fruit. I couldn’t resist. Yahoo! Search launched a new design in April 2003 which introduced a heavier reliance on web standards, but didn’t go all the way. With very few design liberties, new markup, and about 85 stylesheet rules written from scratch, here’s a few free hints of what Yahoo! Search could be if it used valid XHTML+CSS. See related log entry
Weblogs.com: 28 jan 2003 On January 27, Dave Winer asked: “A question for CSS design gurus. What’s the best you can do with a table that has three columns like the one on Weblogs.com. Let’s see an example. I’d like the page to look good and load fast.” This was my answer, which Mr. Winer implemented and pushed live before I woke up the next morning. See related log entry

The Proving Ground

Frame Border/Spacing Test: 4 mar 2003 Frustrated with a web-based application project on which I was working that used frames, I set out to test which browsers responded to specific frame and frameset attributes. I wanted to eliminate the border and/or spacing between each frame, and keep my documents valid XHTML. See related log entry
Styling Form Submit Buttons: 8 feb 2003 Styling HTML form submit buttons seems to have inconsistent effects in certain browsers. The problem child is usually a Mac browser.
Stacking Order: 13 dec 2002 Examines stacking order of positioned (absolute or relative) vs. non-positioned (static) elements when no z-index is specified.

Legal Disclaimer

Any redesigns or makeovers of existing sites may use names, logos, graphics, and/or images which are trademarked or copyrighted by the owning organization. These assets do not fall under any copyright claim or association of Stopdesign. Samples are posted here merely to save the world from raging lunatics, and to demonstrate how specific sites could be designed or built using alternative methods or visual concepts.

Thanks in advance for not suing Stopdesign simply for providing what amounts to free consulting services to your hard-working web team.