DOM Manipulation and Web design
Just a short post today to introduce the blog’s new header design. The Google Maps screenshots are a reference to the importance of the GMaps API in my web application, mapmyglobe.com. Right now the banner rotates between 4 different locations, which are important to me, because they are the places where this web app will have been conceived and built 
But then I found out that the blog’s title and catchphrase were very difficult to read. Unfortunately CSS implementation still lacks text-stroke (text displayed on a white surrounding that makes it easier to read, like the text on the GMaps layers). So I’ve put together a quick javascript-and-CSS hack to have any text element that I want being displayed with a stroke. In my case I am stroking the blog’s title and tagline. This hack perfectly exemplifies DOM manipulation’s power, which is what I wrote about last time, so I thought I would write something about it. I’ve made it available right here: Text Stroke effect with Javascript and CSS.
Other than that, the project is moving along nicely, with some major refactoring going on right now… More on that later on.
August 28th, 2007 at 10:19 am
By the way, I wrote a script to easily get any image to be smoothly integrated into the Wordpress Kubrick theme, so if you wish to see a particular location that’s important to you in this blog’s header just send me a 760×200 image and I’ll add it