Hello!  It seems that you are using Netscape Communicator 4.x, which, due to its broken CSS support, is not capable of properly displaying the layout of this site.  To see this site in all its glory, you'll need to upgrade to a more current browser, which supports the latest web standards in XHTML and CSS.

With or without an upgrade, however, the content of this page should be perfectly readable; it just won't display our lovely cool layout.  &:-)

Website Design Portfolio :: Crosswinds Cadre

About the project

This tutorial site is an ongoing team project, sponsored by Crosswinds webhosting. The challenge was to create a support website as a resource for Crosswinds' hosting clients. The site had to be clear and helpful, and also serve as a self-demo for the design tutorials it contained.

The site uses valid XHTML and CSS. The few pages which contain Javascript are also viewable if the browser's Javascript is disabled. Tables are only used to display specific data in a tabular format. Site navigation and mail forms are PHP-based.

The overall design is a result of team discussion, participation, and testing. I coded the main site templates from designs done by several team members. I also added most of the back-end PHP and DOM scripting, navigation, forms, and wrote some of the internal site content. Various team members created logos, additional images, and many of the tutorials and other pages.

Sample Pages

Crosswinds Cadre thumbnail

Home Page

The large background image is a surfboard (goes with the "beach" theme). A link-activated Javascript* switches CSS stylesheets to remove the background image and the small copyright surfboard, and save the user's choice in a cookie. (* The styleswitcher Javascript was written by Paul Sowden and used with permission.) Most modern web browsers can also switch stylesheets natively in the browser's menu, but MSIE requires a user script to access this function.
[Larger image]     [Go to the web page]

Crosswinds Cadre thumbnail

Tutorial List

Note the "smart" menus-- the current page menu items get highlighted and lose their links dynamically as you navigate the site.
[Larger image]     [Go to the web page]

Crosswinds Cadre thumbnail

Contact Form

This form uses a PHP script I wrote for email form processing. It replaces the easily-exploited "" script.

The script features secure processing, and cannot be exploited by using it to spam from another server. It also features protected email address destinations, directed emails by Topic or by Recipient, self-validation of all required fields, and other additional security measures. The sent email allows the recipient to see the sender's IP address (for reporting abuse), and browser version used to send the mail.
[Larger image]     [Go to the web page]

Crosswinds Cadre thumbnail

Email FAQ

Each screenshot has a slightly different logo. A PHP script rotates through the various available logos and displays one at random upon page Reload -- complete with width, height, alt, and title attributes.
[Larger image]     [Go to the web page]

Website design by:
Ragbert\'s logo®