test

Welcome!

This is Blue Haze, a modified version of my other design: Purple Haze. This version has some minor modifications which go beyond a simple change of color scheme!

top

What’s New and Changed

Noch ne Nachrich

  • Ein Eintrag
  • zwei Eintrag
  • drei Eintrag
Separate stylesheet for color scheme
The styles which dictate the overall color scheme of the page (including background, text and border colors) are now in a separate stylesheet file. All you have to do to change the color scheme of a page is simply replace this file with a different stylesheet.
A simpler footer
The footer in Blue Haze is now simpler from a coding point of view. It no longer employs absolute positioning (the position: absolute; pair of CSS) to align text. This circumvents a potential problem with footer text placement on sites with slow-loading content (eg: images). This, by the way, is a browser bug and not a problem with CSS!
Rearranged stylesheet
The main stylesheet has been rearranged to take advantage of style cascading. Less specific styles (such as tag selectors) are placed above more specific styles (ID and class selectors) for a more intuitive and logical application of styles to the page.
top

Older Virtues

This section lists the other features of Blue Haze which are also present in Purple Haze.

Standards compliant
Blue Haze is 100% compliant with XHTML 1.0 Strict and CSS 2 for more consistent browser rendering.
Layout without tables
No tables were harmed during the making of this design.
Browser-specific styles without JavaScript
Styles which are perculiar to a specific web browser paradigm are encoded in the stylesheet itself.
top

Final Notes

I hope you find Blue Haze of some use to you in your web design needs. If you use Blue Haze or derive inspiration from it, please let me know so that I may see your site and share in your design ideas. That is, after all, the basic philosophy of OSWD!

XHTML and CSS offer a plethora of features in web design which you'd be crazy not to take advantage of. Do your site a favor: use standards-compliant markup. The Web will love you for it! :-)

Drucken