Comments on: Even designers are using CSS3? :)

By: iliad

iliad — Thu, 30 Apr 2009 13:31:40 +0000

Ah yes, thank you for pointing out that I missed the most obvious part – the article itself :)

@Aimos: There are ways to shorten that code, I think the designer just put it this way so that there are no ambiguities.

Anyway, I agree with the general consensus, until these are adopted as part of official CSS3 spec and become supported by all major browsers, it’s too early to be jumping on the “replace Photoshop with CSS” band wagon. :D

By: blinkingmarquee

blinkingmarquee — Thu, 30 Apr 2009 07:58:15 +0000

Never mind AntM8tR – read you wrong.

Can’t SVG in FF3 do gradients?

By: blinkingmarquee

blinkingmarquee — Thu, 30 Apr 2009 07:45:09 +0000

AnM8tR – I thought webkit did this too:
http://webkit.org/blog/175/introducing-css-gradients/

By: mvcoile

mvcoile — Wed, 29 Apr 2009 23:23:10 +0000

All very nice, but indeed -moz-border-top-colors (plural!) isn’t part of the CSS3 specification ( http://www.w3.org/TR/2008/WD-css3-background-20080910/ ). So, the *cool* part of this article (ie. the part that allows you to dump PS to create the nice borders) isn’t supported by any browser accept Firefox.

By: AnM8tR

AnM8tR — Wed, 29 Apr 2009 19:47:42 +0000

Would have been even more impressive if Firefox weren’t the only browser to not do gradient backgrounds. :(

By: GordonT

GordonT — Wed, 29 Apr 2009 17:26:37 +0000

@iliad see http://developer.mozilla.org/en/CSS/-moz-border-bottom-colors

By: rasmusfl0e

rasmusfl0e — Tue, 28 Apr 2009 19:53:56 +0000

To me “design” implies form AND function. So if all you do is photoshop you’re just another graphics artist. But if you implement it in css/html THEN you’re a designer (web).

I just wish more “designers” would get their hands dirty and get a feel for the canvas like this guy. Photoshop is Lala-land. Sure every design may go through several iterations in it (and may even start from scratch there) but a layered psd-file doesn’t constitute a finished design in my book.

And the sooner the design makes a leap from photoshop layers to tags, ids and classnames the better.

By: Aimos

Aimos — Tue, 28 Apr 2009 13:06:20 +0000

Way to much “code” in CSS for “simple” stuff like this. We need a better syntax or so. Who wants to write THAT much?

By: xmlblog

xmlblog — Tue, 28 Apr 2009 11:28:59 +0000

text-transform: uppercase? I’m not seeing it….

aside: OpenId login would be *very* cool here on Ajaxian….

By: PJC

PJC — Tue, 28 Apr 2009 11:16:50 +0000

iliad, click through to the article and all will be revealed.

By: iliad

iliad — Tue, 28 Apr 2009 11:04:02 +0000

What is “-moz-border-top-colors” with 4 colors specified??
I did a quick check of css3 spec and didn’t spot anything like that.

Also, the text in the image doesn’t look uppercase at all except for the first letter (text-transform:uppercase;).

Finally, those border colors specified .toggleONleft don’t seem to correspond to way darker tones evident in the image above. Heck background itself is #414141, and other than text every color of the On button looks darker.

Maybe it’s the lack of coffee, maybe I’m still not fully awake but something here doesn’t add up. :)