Recently, I got an award at work known as the "Superman Award". It is a Superman action figure that collects a new accessory with each recipient. And at this point, it has collected quite a bit of stuff. So, I've decided to make an addition of my own. Since the Superman Award is essentially a katamari at this point, I went ahead and made a crochet katamari (in the style of the PS2 game Katamari Damacy, of course). The attempt I made for the Superman award turned out OK, but I improved upon it and have posted the pattern below for your enjoyment.
I caught our kitty, Helo, on camera the other day - all stretched out.
I posted it up on icanhascheezburger's website here.
Recently, I was browsing CSS Beauty and noticed quite a few articles on the CSS3 @font-face rule. I have always been somewhat unhappy with sIFR - I just don't like having Flash files as header text. However, after reading more about the @font-face rule, I found out that it may be a suitable substitute for my special headline fonts - it's also mostly cross-browser compliant (and Google Chrome will be adding support in the next version). So, I decided to change my sIFR font headings to use the @font-face rule and my process is detailed below.The first obstacle that I encountered during this process was obtaining a font that allowed for distribution (this is a tough issue since many fonts that you normally use on a site have a different license that does not allow for distribution). So, I was going to have to replace my Century Gothic font and, after some searching on the internet, I found the Liberation Sans font by Red Hat to be acceptable.
CSS Spriting is a technique for speeding up the load times for your website by reducing the number of HTTP requests for images to the server. On Yahoo's best practices website, they say:
"CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment."
This technique can be extended for non-background images on your site as well. However, some issues arise when you use CSS spriting for your main navigation elements(among other images):
With these concerns in mind, I devised a cross-browser compliant solution that addresses all of the aforementioned problems. The new technique uses an image tag, a div, and the CSS clip property.