Comments on: Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs

By: The Ultimate Entrepreneur & Small Business Toolbox | Sean M Everett

The Ultimate Entrepreneur & Small Business Toolbox | Sean M Everett — Fri, 05 Mar 2010 22:09:36 +0000

[...] Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs - Cherrysave [...]

By: Eclecti.ca » Blog Archive » linkHive For Feb 8th

Eclecti.ca » Blog Archive » linkHive For Feb 8th — Tue, 09 Feb 2010 15:50:43 +0000

[...] Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs – Cherrysave – Images increase download time for end-users and workload for web designers, slowing down the time it takes to fully develop a concept for clients. Furthermore, images can add unneeded clutter and increase search-engine blindness, detracting from the principle of simple web design. [...]

By: Kawika

Kawika — Tue, 09 Feb 2010 07:29:14 +0000

Great post, thanks! I liked the zebra-stripe table thing especially, and plan on using it at the next possible opportunity.

By: arvin

arvin — Mon, 08 Feb 2010 16:18:45 +0000

he uses images so IE users can see its effect.

By: Corinne

Corinne — Mon, 08 Feb 2010 11:46:14 +0000

Anyhoe, this gives us just a nice start to work with. If a code is not supported in all browsers, you can experiment further with the code yourselves to make is cross browser. Just try and try a little more instead of just copying the code and complain it does not work…

By: Brian Altenhofel

Brian Altenhofel — Mon, 08 Feb 2010 02:59:43 +0000

Smart use of images, such as a 1px wide gradient or using CSS sprites, is a much better solution than using proprietary methods. End users expect websites to look and function the same in most modern browsers.

By: Erica

Erica — Sun, 07 Feb 2010 23:05:05 +0000

To everyone complaining about the use of images in this post and the use of “proprietary” or “complex” CSS:

The CSS properties in the article are part of the new CSS version (CSS3), currently being worked to be released as a standard by the World Wide Web Consortium.

The properties are not a standard yet, hence the need to specify a “proprietary” prefix. Also, Internet Explorer does not support them yet (surprise surprise), but will have to sometime in the future.

The use of images in the post is totally understandable, as visitors might be using a browser that does not support CSS3. Not being able to see what CSS3 can do would defeat the purpose of the article, right?

Also, in defense of the use of CSS, instead of images, this is not just about speed. Being able to write one line of code to create rounded corners is far easier than opening Photoshop/Fireworks, creating the borders, exporting the image, and them embedding it in the CSS. The same for maintenance.

This is a great post. Nothing that hasn’t been posted before, but brave in proposing the end of images for layout. Well done.

By: Opally

Opally — Sun, 07 Feb 2010 22:20:11 +0000

It’s a very catchy — but not exactly accurate title — to a very nice post that assembles a bunch of cool CSS effects in the newer and more compliant browsers. The zebra-stripe rows were new to me, thanks! That triangle: mysterious, and interesting.

By: Erik

Erik — Sun, 07 Feb 2010 22:17:36 +0000

I like the tip about the zebra colours for tables. But I do wonder if a gradient image of 1k isn’t faster to load the a css gradient?

By: Bruno Passos

Bruno Passos — Sun, 07 Feb 2010 22:13:57 +0000

I disagree completely! I think images can be used in various ways to make a webpage look nice and smart without delaying the download time.
As mentioned previously by on of the commentator, the CSS codes you presented here is complex and will make the web developer’s job more complex than it already is.

On the other hand, I have seen some very useful articles in here and will keep coming back!