Playground

IE6 google maps fix - no map but grey box!

admin — Tue, 05 May 2009 18:56:09 +0000

When you use some kind of png fix in IE6 your google maps will not display a map but a grey area.

The markers are displayed as normal and so are the controls load fine.

Solution:

This is easy to fix: just clear the behaviour on your images inside the google maps element.

add this to your IE6 css file:
#map img {behavior: none}

And the maps are displayed again!

Prevent browser window scroll to anchor

admin — Fri, 27 Mar 2009 19:15:12 +0000

Today I was working on a contact page with three contact forms, each in a differrent tab (with jquery’s UI Tabs). When a user posts a form and there are validation errors, you want the page to show the tab with the form that was submitted.

I used an anchor in the url to accomplish that, so the form has http://www.currenturl.com/contact#tabname as it’s action. The irritating side-effect is that the browser will go to the anchor link used by the UI Tabs on pageload.

I’ve found a way to prevent the browser window to scroll to an anchor on pageload. Ironically the solution is to use jquery’s scrollTo plugin.

All you have to do is add the line $.scrollTo(’0px’); in your $(document).ready function and the browser window won’t scroll to your anchor.

$(document).ready(function() { $.scrollTo('0px'); });

The Brads - webdesign comic

admin — Tue, 24 Mar 2009 09:30:54 +0000

Check out this funny comic The Brads

Great stock textures for free

admin — Sun, 22 Mar 2009 09:05:27 +0000

I want to share this website with you where you can get really great free high quality textures. Lost and Taken gives away high quality textures that are all copyright-free.

“Use the images on Lost and Taken in any of your photographic or design projects, both personal and commercial (no need to give me credit). The only thing you can’t do with the images is use them in their original state as your own stock photography. Don’t sell them as your own or host them elsewhere.“

Retro tutorials

admin — Thu, 19 Mar 2009 21:53:00 +0000

I’ve collected some great vintage tutorials for you:

Feel free to comment more retro tut’s to share with others!!

Fish Life, free logo

admin — Sat, 03 Jan 2009 11:10:27 +0000

Here is another free logo ‘Fish Life’. In the .zip download file you’ll find a png and psd file.

Download

Webmasters, free logo

admin — Wed, 24 Dec 2008 10:04:22 +0000

Here is another free logo ‘Webmasters’. In the .zip download file you’ll find a png and psd file.

Download

Helping People, free logo

admin — Fri, 19 Dec 2008 21:03:24 +0000

Here is a nice free logo ‘Helping People’. In the .zip download file you’ll find a png and psd file.

Download

Issuu

admin — Mon, 03 Nov 2008 13:00:12 +0000

This is a great website where you can upload your pdf and it becomes a ‘real’ magazine where you can flip through the pages. It’s easy to embed in your facebook, myspace, blogger and some other sites. You can also get a html embed.

If you don’t mind some adverts it’s completely free!

Click here to visit Issuu

Vintage inspiration

admin — Sat, 01 Nov 2008 15:43:02 +0000

Since retro/vintage style is a trend, here are some great links for inspiration.

Free retro/vintage resources: