Sometimes, I enjoy enjoy the potential sexyness of webstandards...
Some other times, I'm utterly overwhelmed by them...
I just decided to play around with my webdesign "Lego" a bit. The "blocks" I was using were XML, SVG, XHTML(1.1), and CSS. All these blocks were provided by the nice people of the W3C, and for free too!
What I wanted to do, was to integrate a SVG version of my North Sea Jazz poster design (that I exported via Adobe Illustrator at that time) into my website, and see if I could successfully add aditional styling via CSS.
So I created a new file, called svg-nsjf.xml, wrote a standard XHTML1.1 document (which would function as a host), and pasted the source of my SVG document into a div.
Then I removed some stuff from the SVG code that was clearly not confirm the W3C TR, but rather some stuff that Adobe made up (of which there's still some left, I will look into that later).
I opened the document in my SVG supporting Mozilla build.
The thing worked as expected... good.
Now it was time to do some CSS testing on my poster.
I added one little line to the style sheet, being #Layer_1:hover { fill: #ff0000 }.
I fired it up in my Mozilla build again, hovered my cursor over the seahorse, and... oh my...
During this playing I was also talking to Chris on IRC.
I explained to him in a nutshell what SVG is, and what its potentials are (especially when combined with DOM, XUL, etc.).
My ranting ended with, and I quote; It's fucked up to see how beautifull the world could be, if only people would listen to the W3C...
It kinda has a nice ring to it, and now functions as the title of Chris' weblog.
Anyway, the thing is temporarely available in its current form. I created the thing in far less time than I've been writing about it now. I will create some better SVG + CSS examples soon (perhaps with DOM too).
4:33AM
