MapMyGlobe

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 :)

text-stroke-banner-demo-bos.gif

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.

5 Responses to “DOM Manipulation and Web design”

  1. Julien Says:

    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 :)

  2. Web Hosting Reviews Says:

    I have always wondered about this. Nice to see other designers feel the same way. Take care

  3. starcraft 2 hack Says:

    Hey cool blog, i’d be interested to know what spam application you use for comments because i get a ton on my blog.

  4. MichaelCain Says:

    Couldn’t have said it better myself.

  5. coupon Says:

    Important?…

    Is this really important?…

Leave a Reply