[Web4lib] Gracefully degrades to..?

[Jonathan Gorman]

> http://www.csszengarden.com/?cssfile=/194/194.css&page=0
>
> Now click here, maybe in a side-by-side window:
>
> http://www.csszengarden.com/?cssfile=189/189.css
>
> Only the CSS varies between the two.

The layout difference here is more subtle then the changes in images 
and might be missed.  The 
"sidebar" in one design is on the left, on the other the right.


Another variation is:

http://www.csszengarden.com/?cssfile=193/193.css

You'll notice the three column layout as opposed to the other pages two 
column layout.

It's a good site for poking around.

While I'm thinking about it, there's also 
http://www.strangebanana.com/generator.aspx.

It randomly creates styling and layout information via css.  Notice the 
possibilities with this approach.  If you know a few styles you kinda like 
you could create code to create the css and try different layouts (given 
good markup in the first place) by create a process to do slight random 
changes.

I know someone had "evolution" approach to the css design but I can't 
remember where I saw it.  Of course, I can't remember if it was an actual 
webpage/software released to the world or something I or one of my friends 
was tinkering with ;).

The latest version of the web developer plugin on these websites will also 
help greatly.  Disable the css, edit it, replace it with your own 
stylesheets etc.



Jonathan T. Gorman
Visiting Research Information Specialist
University of Illinois at Champaign-Urbana
216 Main Library - MC522
1408 West Gregory Drive
Urbana, IL 61801
Phone: (217) 244-4688


On Wed, 24 May 2006, Richard Wiggins wrote:

>> 
>> CSS Zen garden (http://www.csszengarden.com/) shows the same sites with
>> many different designs.  The site itself degrades pretty nicely as well.
>> They have book out but I've only skimmed it.  Didn't seem to have much
>> about the nitty-gritty but more general design ideas.
>
>
> If you haven't checked out CSS Zen Garden, do so.
>
> This remarkable site lets you view the same content under various layouts.
> The variations are so extreme you'd swear these are not the same site.  It
> dramatically demonstrates the power of CSS.  For instance, click here:
>
>
> The CSS congoscente that I know say the companion book is good.
>
> /rich
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
>