Comments on: Creating Gradient Images without Photoshop

By: Darkflame

Darkflame — Thu, 01 Jun 2006 12:50:03 +0000

Anything that avoids massive background pictures is good, imo

By: umabdullah

umabdullah — Wed, 10 May 2006 15:42:33 +0000

Great! goodluck

By: Steve

Steve — Tue, 22 Nov 2005 16:28:02 +0000

Something I was playing around with the other week:
http://slayeroffice.com/code/gradient/

Cross-browser, no images. Just define the gradient colors as part of the class attribute. Could probably do with some refining, and requires the element to be positioned for it to work, but its pretty quick.

By: cliche

cliche — Tue, 22 Nov 2005 14:36:06 +0000

For background gradients, it’s common practice to get a 1px wide (or tall) sample and
background-repeat: repeat-x (or y)
to reduce bloat. For patterns like the one on the title bar here, a small block of sample is taken and repeated. This would be a more useful tool if it gave you the sample instead of the whole image.

(I haven’t made a web page in years, but I think they still do it like this)

By: Alex Tan

Alex Tan — Tue, 22 Nov 2005 12:35:41 +0000

Kent, do we really need to analyze every word here? kameowy, thanks for the tip, and riddle I dont think photoshop is evil ok, it’s a powerful tool. Personally, I prefer sticking to coding as much as possible. That’s all I was saying.

By: Riddle

Riddle — Tue, 22 Nov 2005 12:20:15 +0000

@Alex: I don’t see the point in not-using-the-evil-photoshop. I’m webdevloper also and I can’t stand webdesigning without it.

By: kameowy

kameowy — Tue, 22 Nov 2005 11:42:29 +0000

u should try -moz-border-colors… work only @mozilla products but looks nice (if u need gradient at border;)

By: Kent

Kent — Tue, 22 Nov 2005 10:20:33 +0000

So, when is an app not an app?

Is a web app not an app?

It would take you 10 minutes to learn most of what can be done with the Photoshop gradient tools, and that would give you about 100x the power of this web app, as good as it is…