You’re reading all articles tagged 'zengarden'
zen garden #2
I’ve finally finished off my second submission to the CSS Zen Garden, and its been accepted! I’ve been wanting to have another go, and do something more comtemporary, but I really felt the pressure after recent entries. Release One, sub:lime and si6 have all been beautiful examples of slick modern design.
One of the hardest things is coming up with a decent name. I originally wanted to call this one ‘Design Wankery’, but I settled for the more subdued ‘dusk’ instead. You’ll see what I mean.
Rather than sit down and plan this one, I spent a while getting the text in a position I liked, and then added the eye candy around it. It very slowly evolved over the space of a couple of months (whereas my last entry took 2 evenings). In the end I had to draw a line and decide not to tickle it any further. Because the page is marked up with lots of extra tags for flexibility, I had to fight the urge to try and do something ‘clever’ with all of them. That’s just not what the Zen Garden is all about.
Finally- here’s the honesty bit. The layout isn’t perfect in Opera 6. I’ve used overflow:auto to scroll the main text, which means that a height value must be declared. Opera 6 will display all the text without scrollbars, but still assumes that its still as high as you’ve declared it. This means that the links list doesn’t run on and appears on top of the main text.
Its all about butterflies
More good news! I’m very happy, because my first submission for the CSS Zen Garden has been accepted and now up on the Zen Garden Site. Its called ‘entomology’, for reasons that will become obvious. If you use Camino/Mozilla, you’ll get to see everything, as there a few pseudo CSS elements that aren’t essential, but just add a little something.
The Zen Garden is a good challenge for CSS designers – you can only change the stylesheet (although the HTML page is well marked up) so it really hones your skills. I’ve learnt more about CSS selectors by doing this, and how they can really cut down on coding.