Some CSS Links

CSS Zen Garden

If you’d asked me a couple of hours ago if I thought that there was anyone who was interested in designing websites who didn’t know about the CSS Zen Garden, I’d have given you a bemused look. As it turns out, there are a few people out there who still don’t know that it exists!

Started way back when in the dark days before CSS was known for being able to be used to create sites full of beauty by David Shea, it was intended as a way to show just how flexible a site that used CSS could be. The concept of the site is simple: leave the HTML alone but change the CSS, and what was a cityscape can become a stylish letter sent by airmail.

I like to retreat to the garden from time to time to reflect on the work of these fantastic artists. It’s great for pumping a bit of fresh vitality into those worn out CSS fingers.

CSS Specificity Wars

One of the things that I’ve had trouble grasping in the past is exactly how CSS specificity works (try saying that after a couple of drinks, or even sober if you’re anything like me!). In this article, specificity is likened to the relationships between the Emperor, Darth Vader and the Storm Troopers in Star Wars. Definitely makes things a little easier to understand if your specificity skills are lacking.

Hide CSS from Safari

Back last year, when I wrote about creating cross browser compatible text drop shadows with css I used the little known Stokely Hack to allow CSS to be written which would be ignored by the Safari web browser. Admittedly, wanting to write CSS that will be ignored by Safari isn’t something you’d want to do every day, but there are occasions when it is useful to be able to do.

Turns out that there’s another, much simpler, way to hide CSS from Safari - if you use an @import inside an @media rule, then Safari will ignore all rules within that @media rule.

If you enjoyed reading this and would like other people to read it as well, please add it to del.icio.us, digg or furl.

If you really enjoyed what you just read, why not buy yourself something from Amazon? You get something nice for yourself, and I get a little bit of commission to pay for servers and the like. Everyone's a winner!

comments (3) | write a comment | permalink | View blog reactions

TrackBacks

TrackBack URL for this entry: http://www.workingwith.me.uk/cgi-bin/type/mt-tb.cgi/589

Comments

  1. by greatred on October 13, 2005 08:05 AM

    Nice, not seen that Zen thing before :)

    The selector stuff I was actually implementing the other week in Python, so you only just lost to me on that one :)

    (although the explanation with the figurines I didn’t know about, I was working from the spec. I feel cheated now/. the spec should have collectable figurines, damnit!)

  2. by lushaholicpixie on October 13, 2005 10:24 AM

    Am I not the only one then? feels a bit better

  3. by Neil Crosby [TypeKey Profile Page] on October 13, 2005 10:28 AM

    This is certainly a lesson for me - I should never assume that people will know about the things that I think are common knowledge!

Write a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

other relevant pages

about wwm

workingwith.me.uk is a resource for web developers created by Neil Crosby, a web developer who lives and works in London, England. More about the site.

Neil Crosby now blogs at The Code Train and also runs NeilCrosby.com, The Ten Word Review and Everything is Rubbish.