Anyone using decent CSS3 effects?

MuGeN · 29 Jun 2011 at 19:21

Out of interest, is anyone really using things such as rounded corners and the like yet? I can't help but think whats the point since you'd have to make it degrade to an image based solution for IE and since that would work across the board why add the extra code to do it "properly"?

My hatred for IE is limitless.

Dj_Jestar · 29 Jun 2011 at 19:26

I do, but knowing full well a lot of people won't see them.

e.g. rounded corners. I accept that they won't be rounded in IE.

Tripnologist · 29 Jun 2011 at 19:44

I use CSS3 as much as I can, which is actually quite often, provided I can get the client to agree to graceful degradation.

Unsurprisingly, if the client doesn't actually use IE themselves, I've
found that my chances of getting them to agree is drastically increased.

Sherbs · 29 Jun 2011 at 20:12

Do websites need to look exactly the same in every browser?

Tripnologist said:
Unsurprisingly, if the client doesn't actually use IE themselves, I've
found that my chances of getting them to agree is drastically increased.

If they use IE they should be using 9. Which isn't too bad. People that have old software and computers are just holding back society too much.

I like this little piece of awesome: http://ie6update.com (Make sure to click the demo)

Eye seven · 30 Jun 2011 at 09:15

I use CSS3. Rounded corners are a great example. Do I use fall back to images for older IE? No, that won't encourage anyone to upgrade and lets face it they expect a worse browsing experience or for the most part have no idea what they are missing out on anyway. There are also easy, time efficient work arounds for older IE such as CSS Pie which works quite well.

Sherbs · 30 Jun 2011 at 09:25

Mmm pie.

Muel · 30 Jun 2011 at 09:32

I segregate stuff into layout and prettyness. Layout stuff has to work perfectly down to IE7 (and ideally IE6), so at work I still use a class of "last" instead of :last-of-type. (For personal stuff though I don't support IE7 or below).

Prettyness though I do as much CSS3 as possible. If someone is going to view my work with IE7, they don't deserve the nice fonts and animations and gradients, however everyone needs to be able to navigate and use the site effectively.

gord · 30 Jun 2011 at 09:33

Yeh, I use rounded corners, gradients and shadows more now. I do wish there weren't browser specific attributes though. It's annoying specifying the same border radius 4 times!

Unless it is a requirement, old IE users can have square corners, flat colours and no fancy text. It's part of their punishment.

Sherbs · 30 Jun 2011 at 09:45

Totally agree gord, not very web standards of them.

eXor · 30 Jun 2011 at 10:26

gord said:
Unless it is a requirement, old IE users can have square corners, flat colours and no fancy text. It's part of their punishment.

Except when it's some IE6 using, non-tech-savvy, potential customer who is underwhelmed by your site and decides to look elsewhere for their web design / development needs. Then it's your punishment.

Highly unlikely scenario, I know.

simisker · 30 Jun 2011 at 10:52

eXor said:
Except when it's some IE6 using, non-tech-savvy, potential customer who is underwhelmed by your site and decides to look elsewhere for their web design / development needs. Then it's your punishment. [...]

Any potential customer that comes to my design agency demanding/expecting a site to be pixel-indentical from Webkit through to IE6 stays a potential customer.

For these people, their money isn't worth the hassle that you're inevitably going to get with them later down the line, whether it's:

- Wanting to micromanage every aspect of the design ['The Photoshop Organ-Grinder']
- Failing to understand why prototyping is important ["How much is it if we leave out the wireframes?"]
- Not supplying content until 2 days before the site is due live [and when it does thud into your inbox, it's paragraph after dense paragraph of stodgy tedious jargon only barely relevant to the site's purpose]
- et-bloody-cetera.

Send them away with a cheery wave.

Gosh, that turned into a bit of a rant, didn't it? Sorry

Maccy · 30 Jun 2011 at 12:34

Yup I've got rounded corners on my site. It's compatible with the latest versions of IE isn't it?

gord · 30 Jun 2011 at 12:51

Rounded corners should be, but IE9 won't do a load of CSS3 stuff.

http://people.mozilla.com/~prouget/ie9/

fez · 30 Jun 2011 at 13:25

I have been trying to push this with clients for the last year or so and most are receptive.

Sherbs · 30 Jun 2011 at 14:21

eXor said:
Except when it's some IE6 using, non-tech-savvy, potential customer who is underwhelmed by your site and decides to look elsewhere for their web design / development needs. Then it's your punishment.

Highly unlikely scenario, I know.

Rather not have that person as a customer.

sist_si · 30 Jun 2011 at 23:22

i use modernizr (with yep nope) and have fallbacks to cater for the non-compatible browsers.

Creelers · 1 Jul 2011 at 05:08

It's rather annoying that there is no standard. Having to write the attributes for each browser is a bit of a pain.

GravyMonster · 1 Jul 2011 at 08:58

I thought this may come in handy in this thread; it's a CSS3 backgroudn gradient generator:

http://www.colorzilla.com/gradient-editor/

The code that generates to make this compatible with all browsers makes me a sad panda, but it's how it has to work ATM.

gord · 1 Jul 2011 at 09:25

I think I'd rather use an image than incorporate all of that code in my styles. I usually just set border radius and moz/webkit ones.

MuGeN · 1 Jul 2011 at 09:27

up-to-date safari and chrome browsers don't need the -webkit prefix anymore do they?