Denver Web Design & Denver SEO - The Katz Web Design Blog

Entries categorized as ‘CSS’

Google’s Sprite Image is a Thing of Beauty

June 3, 2008 · No Comments

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

Google's Sprite Image

You can’t get much more efficient than that…

Categories: CSS
Tagged: , ,

Found: Barack Obama’s Web Designer

April 10, 2008 · 22 Comments


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.

How did I find out SimpleScott was involved? Just check out Obama’s main style sheet. SimpleScott also uses CSSEdit, a great program for Mac CSS web design.

The CSS code gives it away:

/* @override
http://obama.simplescott.com/css/global.css
http://localhost:8888/css/global.css
http://www1.barackobama.com/css/globalv2.css
http://my.barackobama.com/css/signup.css
http://www.barackobama.com/css/globalv2.css
*/

/* CSS
Author: Scott Thomas
Client: Obama for America
Created: 12-15-07
Modified: 12-22-07
*/

The logo design is by Sender, LLC

Sender, LLC developed the Obama ‘08 logo.

From Brian Drum, of Sender LLC

Sender designed the original mark, but the site is developed and maintained in-house by the campaign’s web team.

Sender was involved *only* with the development of the “sunrise” mark, and had no role whatsoever in the design, development, or maintenance of barackobama.com.

Leave your reactions here

Do you like the design, or not? What aspects work best for you? Drop a line below.

Categories: CSS · Design · Politics
Tagged: , , , , , , , , ,

Multiple Matte Colors for CSS Sprites

February 7, 2008 · 3 Comments

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

(more…)

Categories: CSS · Code · Design · Tutorial
Tagged: , , ,