About this entry

You’re currently reading “Nursery Rhyme Code Poem [CSS],” an entry on Web 3.0, 6 Bladed Razors, 7 Minute Abs

Published:
10.27.07 / 8am
Category:
Artistic, CSS
Bookmark with delicious Bookmark with
del.icio.us
Add to Digg Add to
Digg
Post on reddit Post on
reddit
Favorite at Technorati Search on
Technorati

Nursery Rhyme Code Poem [CSS]

Code Poems are fun! The trick is to take a nursery rhyme (but really, it could be any commonplace work of writing - Famous Speeches, Bible Verses, Famous Quotes, etc.), and then turn it into pseudocode. The code must follow both the programming or markup language you're using and the rhyme as closely as possible. See how precise you can make your rhyme fit. I accept critiques and suggestions for improving me rhyme code (or you could just rewrite my rhyme as you see fit).

#theChurch {}
#theChurch #theSteeple {}
#theChurch .door[state="open"] .people { visibility: visible; }
#theChurch #theParson { display: none; }
#theChurch> .upstairs #theParson:active { display: block; }
#theChurch #theParson:lang(prayers) { display: block; }

The above code poem is released under the BSD license. To use in production environment without error, do not include an element with an id attribute of "theChurch". Obviously I'm kidding, don't use this code. Not even for enterprise software.

Technorati Tags: , ,

Thanks for reading. If you found this article useful, and you've read through some of my previous articles, you might as well Subscribe to my content subscribe to my blog. You'll save me some bandwidth that way.