In Address Book Map Of...

I was shocked to find that my address book(running OS X Tiger) opens maps of my contacts in MapQuest. But here's a sweet pluggin to open maps using Google Maps!

Create an iPhone Icon

As more and more cellphone users join the apple side, you may want to think about creating an iPhone icon for your website. I did b/c I have so many readers who(not only are cool and therefore have an iPhone) have to read and re-read my blog just about every second of every day. To make it easy on them, I've created a icon they can put on their home screen. I'm not sure if your readers are that dedicated, but mine are. Here's how it's done:

1. Create an image 57 x 57 pixels (apple will round the corners and gloss it for you)
2. Save your image to photobucket, picasa, or some other photo hosting website
3. a.) Save it as apple-touch-icon.png and add it in the root of your server, so in my case:
OR
b.) Place a link to your image between the tags <head></head> of your site.

Thanks Ian

Single-image Rollover

Ever wanted to use a single image for a rollover (a.k.a. hover) effect?
Well here it is! (Apparently using CSS to achive a hover effect is far superior to using javascript, since JS can sometimes be turned off, thus rendering your rollover useless.)

Example

Original Image


CSS Code
1. a.rollover {
2. display: block;
3. width: 30px;
4. height: 30px;
5. text-decoration: none;
6. background: url("email.jpg");
7. }
8.
9. a.rollover:hover {
10. background-position: -30px 0;

HTML Code

1. <a href="#" class="rollover">&nbsp;</a>

Then adjust your images (60px high x 100px wide) and links as needed. It's so easy! Qs? Contact me.