CSS1 Demonstration

(A Level Two Heading)

Graceful Degradation

-by Charles T. Low
-from: ctLow Home -> CSS1 Intercompatibility


Introduction

This page purports to demonstrate "graceful degradation," from the Cascading Style Sheets Level One specification ("CSS1") to plain HTML. I keep two copies of it for comparison purposes, each accessed from this page's "parent", and each almost identical with the other except that one uses CSS1 and one does not. I suggest that you open them both in separate windows and then tile them vertically to examine how they differ -- and if you can't do that, then I hope not to sound arrogant if I suggest that you don't seem like a CSS programmer to me! I won't list all the CSS1 features this page exhibits -- better to examine the code and the output yourself, I think (although how well the CSS1 works will vary by browser and version).


Development

Here I am testing what I call a "pseudo-heading" -- something gained but something lost.

Probably not many web browsers need to "degrade" (what a term!) any more, so this concept may fade into obscurity. On the other hand, with the advent of Personal Digital Assistants and who knows what all else, I wonder if various platforms and displays will all use CSS1 or not. If not, the pages will have to degrade gracefully.

This bordered, width-restricted, right-aligned, padded DIV serves to illustrate the CSS1 float property. (You know, I like the sound of "graceful degradation," but have reluctantly rejected using it for the name of my next boat.)

The issue of "users" (another less than salubrious term!) turning style sheets off in their web browser preferences looms less largely. The sort of user who might most need to would also less likely know how. Modern browsers don't seem to have a feature just to turn them off, anyway -- they have made the configuration choices more complicated, and none of the options seems just to say "No CSS."


Conclusion

If you've read this far then you're doing well. But this should provide adequate paragraph-filling material for this demonstration.


-by Charles T. Low
-from: ctLow Home -> CSS1 Intercompatibility