From the category archives:

CSS

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 out of the search box. This was fine when the home page was only white, as it wasn’t taxing on computers to fade in on white.

Now that Google allows for custom image backgrounds (likely in response to how beautiful the Bing backgrounds are), the fading in process can be tedious, even using blazing-fast Chrome. I can only imagine what users using Internet Explorer 6 are going through: fading in images takes a lot of work and time!

This was annoying me, so I made a quick modification to my SEO Stylesheet (a Custom Stylesheet to display search results and no-follow nicely in Safari, IE and Firefox). This mod will make the image load solid, with no fading or resulting lag.

5 comments

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 wanted the same level of information added to the page’s <body> tag.

4 comments

Mountain High Roofing, Inc. - Denver roofing intstallation & repair

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 a custom website design with a few plugin customization options. It allows Mountain High to easily update their own content, and add articles to their blog. The code is well-structured for really good SEO results.

5 comments

If you want to know more about CSS sprites and how to put them together, feast your eyes on Google’s:

Here’s the history of Google’s PNG sprite image

Google's Sprite Image

http://www.google.com/images/nav_logo.png


Google's Sprite Image

http://www.google.com/images/nav_logo2.png


Google's Sprite Image

http://www.google.com/images/nav_logo3.png


Google's Sprite Image

http://www.google.com/images/nav_logo4.png


Google's Sprite Image

http://www.google.com/images/nav_logo5.png


Google's Sprite Image

http://www.google.com/images/nav_logo6.png


Google Image Sprite

http://www.google.com/images/nav_logo7.png


http://www.google.com/images/srpr/nav_logo8.png


http://www.google.com/images/srpr/nav_logo9.png



March 25, 2010 – http://www.google.com/images/srpr/nav_logo10.png



April 1, 2010 – http://www.google.com/images/srpr/nav_logo11.png



April 21, 2010 – http://www.google.com/images/srpr/nav_logo12.png



May 4, 2010 – http://www.google.com/images/srpr/nav_logo13.png


Google Sprite
July 2, 2010 – http://www.seodenver.com/wp-content/uploads/HLIC/53708e94f618e796e88d30563dab0856.png


You can’t get much more efficient than that…

3 comments

Found: Barack Obama's Web Designer

April 10, 2008

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 hope in it’s wistful design. Well, here it is:

Barack Obama’s web designer is:

SimpleScott. SimpleScott designed Barack Obama’s website, so here’s to SimpleScott for a gorgeous design.

From Scott Thomas, of SimpleScott:

I am the creative director of New Media for Obama for America. The team consisted of many people in house as well as many volunteers. Project leads were myself and John Slabyk. We are maintaining site and brand in-house. Sol Sender designed the logo before I joined the campaign.

Read the full article →

Multiple Matte Colors for CSS Sprites

February 7, 2008

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 only the revelant parts. But what if you have a background image, and the background changes color on :hover? When trying to save the smilies, you can only choose one matte color. I need multiple matte colors!

The issue really is a pain when you have already given your object a stroke. Using the Appearance panel, we’ll make everything happy in the world again!

I want the three smileys to be combined as one

Read the full article →