Category Archives: CSS

The Google +1 Sprite Animation

How the +1 Button Works The +1 Button uses an advanced sprite technique to simulate an animated gif. The animation occurs when hovering over search results with +1 enabled, and the shine moves across the button. (The image to the … Continue reading

Posted in CSS, Google | Tagged , , , | 9 Comments

How to prevent your Google background image from fading in slowly.

Google + slow loading = not worth having background images. In trying to keep their homepage as minimal as possible, in December Google switched to fading in the home page links only on an event: moving your mouse or tabbing … Continue reading

Posted in CSS, Google | Tagged , , , | 5 Comments

Generate CSS Body Classes in Interspire Shopping Cart

If you’re used to WordPress’ body_class() function, this post for you. Working with WordPress, it’s easy to get accustomed to some of its nice features, like the body_class() function introduced in WP 2.8. When working with Interspire Shopping Cart, I … Continue reading

Posted in CSS, Interspire | Tagged , , , , | 5 Comments

Denver Roofing Company – Website Launched!

Katz Web Design has completed a website for Mountain High Roofing, Inc., a Denver roofing company. The Mountain High Roofing website is built on WordPress. It’s what I would consider to be a medium level of customization; the website is … Continue reading

Posted in CSS, Web Design Portfolio | Tagged , , | 6 Comments

Google’s Sprite Image is a Thing of Beauty

Google Sprite changes over time: If you want to know more about CSS sprites and how to put them together, feast your eyes on Google’s: Then: Now: Here’s the history of Google’s PNG sprite image http://www.google.com/images/nav_logo.png http://www.google.com/images/nav_logo2.png http://www.google.com/images/nav_logo3.png http://www.google.com/images/nav_logo4.png http://www.google.com/images/nav_logo5.png … Continue reading

Posted in CSS | Tagged , , , , , , | 10 Comments

Found: Barack Obama's Web Designer

Update: The New WhiteHouse.gov Website Update: Who will be the White House web designer? A lot of people have wanted to know who designed Barack Obama’s website. With good reason: Obama’s website is beautiful. It even conveys Obama’s message of … Continue reading

Posted in CSS, Design, Politics | Tagged , , , , , , , , , , , , , , | 40 Comments

Multiple Matte Colors for CSS Sprites

Here’s the problem: I want to use CSS Sprites for transparent images, and they require different matte colors. The promise of CSS Sprites is great: you can combine many small images into one bigger image, and use CSS to reveal … Continue reading

Posted in Code, CSS, Design, Tutorial | Tagged , , , | 8 Comments