5!

Img_0038

Beer, is there anything it can't do?

Can’t believe I only ran across this today…

From: http://www.clevelandleader.com/node/3467

Researchers at Granada University in Spain have come across a discovery that will undoubtedly please athletes and sports enthusiasts – a pint of beer post-workout or match is better at rehydrating the human body than water.

japanese beetles are back!

My summer nemisises (nemesisi, nemisi?) are back. I just dispatched with a few on my grape vines.

Chrome TV

I just saw a commercial for Google chrome on Adult Swim, for some reason it was very disturbing…

The lazy fix for all IE8's ills

Force IE8 to behave like IE7:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Now if there was only a meta tag to make IE6 suck less…

2!

Img_0021

Baby Hops

Img_0013

All kinds of awesome

Look, It's a small garbage truck

My 4 year old’s take on following a Hummer on the freeway

Peach Blossoms

Img_0011

iphone'd!

Finally picked up a refurb, as I’m hatching some app plans. I’m missing my crackberry hard keyboard- but the elegance of the interface makes up for the virtual keys a bit.

My only real irritation is the lack of email/phone related alert icons on the lock screen.

Snow in my Carolinas? It's more likely than you think.

100_5533

single image "sliding doors" style multi-state css sprite

This is a 3-state css sprite built using the sliding doors technique while only using 1 image

*Make the image as long as your longest link title

The buttons

button code

<a href="#" class="button"><span>link text</span></a>

if you want to make IE happy, you need to add a blur to the button.

onclick="this.blur();"

The css

a.button {
background: url(button.gif) no-repeat bottom right;
display: block;
float: left;
height: 28px; /* button image height */
margin-right: 6px;
padding-right:10px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
}

a.button span {
background: url(button.gif) no-repeat bottom left;
display: block;
line-height: 28px; /* button image height */
padding-left:10px;
}

a.button:link span,
a.button:visited span {
color:#ffffff;
}

a.button:hover {
background-position: center right;
}

a.button:hover span {
text-decoration: none;
color: #ffffff;
background-position: center left;
}

a.button:active {
background-position: top right;
}

a.button:active span {
background-position: top left;
color:#fadca1;
}