Comments on: Multiple Matte Colors for CSS Sprites http://www.seodenver.com/multiple-matte-colors-for-css-sprites/ Websites designed and optimized for results. Wed, 17 Mar 2010 16:54:47 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Zack Katz http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-24 Zack Katz Wed, 07 Jan 2009 18:22:59 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-24 I often set up a grid system where each image has extra space to change. So for an image 30px tall, I set up a grid of 50px tall. That makes it easier when coding the CSS; I know one image is 50px below the other. For the Spangler site, for instance, I would just expand the image horizontally and down, so I wouldn't have to change the current CSS. I might leave a white block where the old image used to be (since that uses very little memory) and move it below. I often set up a grid system where each image has extra space to change. So for an image 30px tall, I set up a grid of 50px tall. That makes it easier when coding the CSS; I know one image is 50px below the other.

For the Spangler site, for instance, I would just expand the image horizontally and down, so I wouldn’t have to change the current CSS. I might leave a white block where the old image used to be (since that uses very little memory) and move it below.

]]> By: Stephen M. James http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-23 Stephen M. James Wed, 07 Jan 2009 16:36:39 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-23 @Zack So what do you do if you want to make one of the images bigger? Do you create all new CSS rules and sprite image? @Zack So what do you do if you want to make one of the images bigger? Do you create all new CSS rules and sprite image?

]]> By: Zack Katz http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-22 Zack Katz Wed, 07 Jan 2009 16:10:22 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-22 @Stephen - I took a look at your script, and it wouldn't do much for me...I create navigation and buttons on the same Photoshop file. Check out the <a href="http://www.stevespangler.com/wp-content/themes/stevespangler_kwd/images/sprites.gif" rel="nofollow">sprite image for the SteveSpangler.com website</a>. @Stephen – I took a look at your script, and it wouldn’t do much for me…I create navigation and buttons on the same Photoshop file.

Check out the sprite image for the SteveSpangler.com website.

]]> By: Stephen M. James http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-21 Stephen M. James Wed, 07 Jan 2009 16:04:40 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-21 FYI, I've created a Photoshop Script that combines two images of the same size to make a simple normal/hover sprite. It's not as genius as the 20 image sprites you can make online, but it's much simpler and you can assign a keyboard shortcut to it. I prefer the control of it. http://www.smjdesign.com/designwell/archives/photoshop-script-combine-two-images-css-hover-css-sprite/ FYI, I’ve created a Photoshop Script that combines two images of the same size to make a simple normal/hover sprite. It’s not as genius as the 20 image sprites you can make online, but it’s much simpler and you can assign a keyboard shortcut to it. I prefer the control of it.

http://www.smjdesign.com/designwell/archives/photoshop-script-combine-two-images-css-hover-css-sprite/

]]> By: SteveSpangler.com Web Design Launched « Denver Web Design & Denver SEO - The Katz Web Design Blog http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-20 SteveSpangler.com Web Design Launched « Denver Web Design & Denver SEO - The Katz Web Design Blog Tue, 04 Nov 2008 18:38:33 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-20 [...] site uses CSS sprites to achieve fast load time. There is some more improvement to be made (the post ratings stars, [...] [...] site uses CSS sprites to achieve fast load time. There is some more improvement to be made (the post ratings stars, [...]

]]> By: Google’s Sprite Image is a Thing of Beauty « Denver Web Design & Denver SEO - The Katz Web Design Blog http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-19 Google’s Sprite Image is a Thing of Beauty « Denver Web Design & Denver SEO - The Katz Web Design Blog Tue, 03 Jun 2008 22:40:30 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-19 [...] 3, 2008 · No Comments If you want to know more about CSS sprites and how to put them together, feast your eyes on [...] [...] 3, 2008 · No Comments If you want to know more about CSS sprites and how to put them together, feast your eyes on [...]

]]> By: A learning farmer http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-18 A learning farmer Sun, 30 Mar 2008 19:09:00 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-18 It's been nominated for featuring on the home page of wikiHow and wikiHow's Google RSS feed. Congrats! I hope you choose to share more of your content with us. It’s been nominated for featuring on the home page of wikiHow and wikiHow’s Google RSS feed. Congrats! I hope you choose to share more of your content with us.

]]> By: katzwebdesign http://www.seodenver.com/multiple-matte-colors-for-css-sprites/comment-page-1/#comment-17 katzwebdesign Fri, 08 Feb 2008 16:39:49 +0000 http://katzwebdesign.wordpress.com/2008/02/07/multiple-matte-colors-for-css-sprites/#comment-17 I've added the article to WikiHow.com : http://www.wikihow.com/Creat-Multiple-Matte-Colors-for-Transparent-Gif%27s I’ve added the article to WikiHow.com :
http://www.wikihow.com/Creat-Multiple-Matte-Colors-for-Transparent-Gif%27s

]]>