CSS Zen Garden submission: "Geocities 1996"
The CSS Zen Garden has been highly useful to me in demonstrating the value of standards when attempting to convince my reluctant colleagues to abandon tables. Thanks Mr. Shea!
However, it’s also been a major pain in the arse, as Nongyaw, friends and family now expect every site I make for them to look as good as the zen garden submissions. As a design-challenged individual, I’ve found myself almost nostalgic for the multi-coloured, multi-typefaced gif-ridden designs I used to see in 1996 when I moved to Thailand and first used the web, back in the days when Netscape 3.0 was the coolest browser out.
So I’ve made a css zen garden skin, hearkening back to that devil-may-care era of joie-de-web.
It’s called "Geocities 1996".
For maximum authenticity, I’ve used only public domain gifs from surviving "webmaster resource" sites of that era, as well as their on-line button and banner makers, intrepidly braving pop-ups and feeding my email addresses to spam fiends as I went.
I think it’s beautiful (but I’m biased). What do you think?
(Related post: Does validation matter?)
(7 March 05) I just came across a brilliant essay on the development of the Web’s look and feel, called A Vernacular Web - The Indigenous and The Barbarians.
Thanks to Weiran Zhang for offering to host the design for me after continual bandwidth meltdowns.
What the critics say
22.12.04: Zeldman said “Your CSS Zen Garden design is rockin’”
, and Peter wrote to say, “The best thing I’ve seen all day. Thanks.”
. Justin Wignell concurs: “Absolutely fantastic! Love it! It made my day”
, whilst Dave MacEwan makes the aesthetic point “;It almost made me puke. :-)”
.
In keeping with body-fluids mode of criticism, David Thompson called it “A festering pile of shite”
. The less-scatalogical jp says, “Absolutely brilliant…though it hurts my head”
.
Molly said “Bruce, I love you but this just proves your insanity”
, while bilingual Joe Clark says “Oui, très amusant”
and points out to those who don’t get the joke that, although the the xhtml source is ostensibly AAA accessible, the strobing gifs I’ve included make it inaccessible (and perhaps dangerous) to some.
Accessibility guru, Ian Lloyd, wrote “Bruce, that is a piece of genius. I’m going blind. So bad it’s brilliant!”
. The Linux-loving Gabriel wrote “Will you propose your design to the “official” zengarden? It is among the best I have ever seen.”
The Christian Web Masters didn’t like it, while Stan Furlong wrote to say that it’s the topic of discussion on a Macforum: “OMG, that is the best thing I’ve ever seen. Please submit that. Please.”
Steven Souza emailed: “The proxmity of my computer to the restroom proved to be highly valuable after viewing your version of the zen garden. I laughed for at least 5 minutes and fought for breath afterward. Thanks for creating such an enjoyable experience.”
Ronaldb66 wrote, “I was thinking: anyone for a “CSS Zany Garden” contest? Using the original markup and CSS to create a really awful design? Although it would be hard to top the original.”
Dave Shea emailed me on 16 Feb 05 to say “It’s brilliant. I’ve had a good laugh every time I’ve loaded it.”
Bruce Lawson hates Standards?
24.12.04 - someone nominated me to web pages that suck. I’m happy to receive the praise “Wonderful stuff. I’ll give it my highest compliment - I wish I had thought of it first”
but I’m not so pleased when Vince Flanders writes,
Too many of us get carried away with Web Standards and too many believe that using them makes your site wonderful … Bruce Lawson has taken Web Standards and the Zen Garden approach, thrown it on the ground, and stomped it to death.
No, no, no! I’m a great believer in Web Standards. What I’ve tried to do is visually demonstrate what I said at the mediaelements conference: "validity and accessibility by no means guarantee a good page, as my submission to the CSS Zen Garden, Geocities 1996, demonstrates".
I reinforce Dave Shea’s reason for planting the Zen Garden: to show that the "structurists" like me were not showing the advantages of CSS to its full effect. By making a deliberately ugly page, I’m proving that structural purity alone does not a good page make - exactly what he was trying to show, and a point which I 100% agree with. Beautiful design plus beautiful structure is the way forward, as the CSS Zen Garden shows.
Phew - it’s always hard to explain a joke.
Bruce, your Geocities spoof at Zen Garden is hilarious!!!
I’ve just finished reading The Zen of CSS Design, and after studying all those dozens of designs, and browsing dozens more, I must say that your design is by far the most entertaining!
Nice job!!!
Travis
July 14th, 2005 at 5:01 am
Ha, I KNEW I’d seen your site before, and now I know why. This is such a great design for the Zen!
See ya at the next Multipack meetin’.
November 13th, 2005 at 10:21 pm
Hi,
My design for zengarden, “Mozart”, was published just before Xmas.
I used to think it was good………..until I saw yours.
Whatever you were smoking when you made it, feel free to send me some!
Andrew
January 11th, 2006 at 7:44 am
Hi Andrew, I *loved* Mozart when I saw it published. I’ll send you a kilo of what I was smoking, if you’ll send me a quarter of your PhotoShop and design skills.
January 11th, 2006 at 1:35 pm
Hi there, I’m going through dead links on my site, and found that http://www.brucelawson.co.uk/2004/zengarden/ had gone the way of 404. That link is still in your sidebar, though I was able to find this entry by searching for geocities.
Just thought I’d let you know about the broken link.
March 31st, 2006 at 7:02 pm
Kelson, thanks man. Fixed now!
April 1st, 2006 at 7:49 am
Think it’s great. Anyone remember the first Pepsi website?
May 28th, 2006 at 5:20 pm
hey Bruce, all i’m getting is the unformmated version of the page, as if the css can’t be found; is it just me?
June 7th, 2006 at 4:48 pm
just you, I reckon Karl. I’ve cleared my cache and tried on 2 different machines with no problems.
June 7th, 2006 at 10:27 pm
not just Karl… I get an unformatted page too.
June 9th, 2006 at 2:11 pm
I love it! Really retro and the height of a certain sort of taste. It’s now in my bookmarks.
July 12th, 2006 at 3:08 pm
I laughed my socks off at that, and then I clicked back and clicked the link again and still laughed my socks off.
Top work.
August 10th, 2006 at 10:45 pm
I’ve just seen your CSS Zen Garden design, it’s very great and really funny! I Like it very much!
Thank you
PS: I suggest that in 2016, you may work on a CSS design you may call… “blogger 2006″
Je viens de tomber sur votre contribution de design CSS sur CSS Zen Garden, c’est excellent et trés drôle ! j’adore !
Merci
PS: je suggère qu’en 2016, vous réalisiez un design CSS intitulé… “blogger 2006″
Laurent
August 23rd, 2006 at 11:10 am
That’s the funniest thing I’ve seen in a long time — what a labour of love it must have been to get the spoof site to look so … Geocities. I’ve bookmarked it so that I can wander through it when I need to be refreshed…
It certainly proves your point that css purity alone is not enough.
September 25th, 2006 at 2:10 am
Wow, it’s so … MySpace 2006. You made my morning, thank you!
October 4th, 2006 at 9:07 am
Very nice… after looking at it for a while, I nearly vomited.
Nice animated bunny on the bottom of the comment page. It really completed my 1996 Geocities experience.
October 26th, 2006 at 4:57 pm
This is so funny!
The combination of the Zen Garden and ‘96 animated gifs and stuff…. Hilarious!
March 31st, 2007 at 8:16 pm
Loved it! Took me back to ‘96! I’ve been using CSS Zen Garden to convince my team at work that we can more rapidly design e-Learning using CSS. I’ll definitely add your page to my “showcase” as an “old school” example!
April 7th, 2007 at 2:06 am
Bruce
I don’t know how I got onto your website, it must be luck (I don’t know how I get most places nowadays, thanks to menopause - why isn’t it called womenopause?!)
I read the spam letters through watery eyes and a coughing fit of pure mirth. It was the best laugh I’ve had in a long time. Please write to some other spammers and keep up the good work.
Seavue Home for the Bewildered
Sunderland
Oopnorth
June 12th, 2007 at 7:55 pm
hey, your link to the css file is broken, so your glorious zen garden is no longer operational…
August 3rd, 2007 at 10:42 pm
Phew. Just restored it, Chriswho. Thanks for the heads-up.
August 3rd, 2007 at 11:05 pm
you r missing the mosaicist background.
September 29th, 2007 at 1:00 am
Now THAT is hilarious. Thank you for the chuckle — PHP has been being a bitch tonight and the diversion was much appreciated.
October 14th, 2007 at 5:12 am
I like it, it reminds me of the days when i first started creating websites on Geocities.
It could never be used in todays era but it’s like playing retro Atari games on a G5 Mac with 8GB Ram. Classic
Thumbs up from my end Bruce.
November 18th, 2007 at 8:52 pm
Beautiful. It’s like the sort of site I would loved to have made, and tried to make back when my only internet access was the odd hour here and there in the school library (using the school’s only modem, at 14.4k) at age ~14, preparing everything beforehand on my home PC…
…but never quite acheived, ending up with an even more garish pile of dingo’s kidneys, despite the many hours I put in producing intricately pixel-painted button graphics (…with hard-coded fades into each page’s particular background colour). BGCOLOR=#FFFF00, for better compatibility with 16- and 256-colour systems, anyone, or a page about “thingz in spayce” with a text-destroying (and 128×128 repeating) starfield?
This wonderful era of neo-psychedelia can be revisited by hanging around certain controvertial messageboards for a few weeks, waiting until the drama reaches a certain point and the moderators once again instigate “PARTY HARD mode” to destroy any meaningful attempts at communication (and therefore the means to continue arguments) and calm everyone down. Which I guess only goes to reinforce your points about good design being necessary for websites to work. The internet wouldn’t have got anywhere in the 60s because this sort of thing would have been actively encouraged instead of frowned upon
February 4th, 2008 at 8:37 pm
Loved it. My computer actually slowed down while viewing the page, which made it even more old-skool. The use of Comic Sans MS is brilliant. Luminous green & pink *WAHEY* Reminds me of pages people used to host on my schools network.
February 19th, 2008 at 10:11 pm