Smashing Magazine - we smash you with the information that will make your life easier. really.

First!!! Cheers!

So, what browsers actually support CSS3 fully enough for it to actually be usable in projects? There is no point in using CSS3 for one or two specific browsers and then CSS2 for every other browser.

When will browser makers (especially Microsoft) start really delivering what developers need?

In response to Mark, the latest versions of Firefox, Chrome, and Safari all support CSS 3, leaving Internet Explorer and others out of the look.

I think the important thing to note is the subtle additions with CSS 3. Rounded corners and drop shadows add to a page on a browser that supports CSS 3, but are additions that aren’t sorely missed if they aren’t supported.

I have used a few bits and bobs with regards to CSS3 and so far I am quite happy, the only problem is finding solutions when they don’t render in no CSS3 compliant browsers. It is a very similar situation to HTML5 which they say will replace XHTML. V.good, but browsers need to catch up.

Cheers for the cheat sheet thought SM.

Come on Microsoft, IE is the bain of every designer and devleopers life… get it sorted…

That’s exactly what I needed thank you! Will come in great handy with my web developing ;)

It seems every web design site and his dog has an article on CSS3 at the moment, which is silly. Its good to know where things are headed but everyone is making out like we can actually use it!

It’d be nice to use it but clients aren’t going to want to pay you to do two versions!

I’m still wondering what’s the use of using CSS3 if Uncle Bill doesn’t use CSS3 in IE?

This Cheat Sheet is ugly and useless – a cobbler should stick to his last.

Cool & useful stuff, looking forward to use CSS3 more.

thanks!

now for the browsers…

Just use CSS3. The longer you developers/designers don’t start using it, the longer will take to s**** browsers (e.g., IE) to adopt it as a standard.

Hey – nice cheatsheet. But it’s not very “printable”. It’s going to use all my cyan ink. :-(

Could you make both a printable and toner-friendly version, too?!?

Cool – how about a smaller one with just the changes/additions etc between CSS2 and CSS3 – thanks

I’m taken aback by all the downer comments about CSS3 here. Need we remind ourselves that most browsers will simply ignore a CSS rule it doesn’t understand? Unless you’re sadly deluded into thinking that designs must look the exactly same in every browser (or work for a company that is similarly misinformed), should the fact that one browser will show round corners while another shows square corners really bother us that much? I think not.

Could subtle shadows, nicer fonts and rounded corners help make a good design even better? Sure. But take those things away and what are you left with? A good design!

The thinking around here seems to be that if IE doesn’t support it, why bother? But since rewarding those with more capable browsers doesn’t necessarily mean punishing those using IE, why not use these features now, and let IE catch up later?

Forward to the arrival of CCS3

Thanks a lot , good work

I constantly use CSS3 within my sites, mostly border-radius, text-shadow, and custom fonts now that Firefox supports it.

It allows for you to keep up and use the advancing technology of the web, and if you’re not using it just because IE or some other browser does not support it then you fail. CSS3 is degradable, so use it a bit where you can still view the content in an appropriate design. So don’t go ahead and using it for rounded corners on your template, but I could really care less if IE doesn’t add roundness on some of my boxes.

i wish so badly that browser developers would update past browsers to support CSS3.

I do this: Develop the entire site so that it validates as XHTML 1 and CSS 2, then add CSS 3 sparingly to improve the aesthetics for browsers that support CSS 3. Browsers that do not support CSS 3 will just ignore the new additions.

Use the fact that your (and many others’) sites look so much better on Firefox/Safari/Opera/Chrome to convince your clients, their clients, friends, family, everyone to switch to a better browser. By accommodating IE, you are limiting yourself and those around you to old technology.

As both AIR and Titanium is built on webkit, I find this really useful already today :D

Awesome! This will come in handy, when css3 is a standard. Like in 10 years or so ;-)

There is some CSS 3 scripts, witch even don´t work propertly in Firefox, but really few of them. But IE is really s**t … in this case and … to be honest – it is bad browser in every case, anyway :-) It is true, that you can use rounded corners, shadows, web-fonts and some other AT NOW – and even if IE doesn´t support it, id doesn´t crash your site. CSS3 just show us some new ways and techniques and i hope so there is lot more to discover in Cascade Style Sheet language.

@jurica: to validate as CSS3, you need to select More Options, and then select the CSS3 profile. I just tried it with a site of mine which validated OK as CSS3 (no errors). But then, CSS3 is not finalised so I suppose it’s actually not possible to be fully CSS3 valid ;)

@Matt Barnes: I take it then you’ve never worked for a major brand company? If you were to say that to them (”oh it will look it’s best for 30% of users”) they’d sack you. Sorry, but for some people (especially those with a BIG investment in a brand identity) the site MUST look the same in ALL browsers – especially IE. So while I can understand and actually agree with you (to a certain extent); what you are suggesting is actually a really bad idea in some cases. Yes, use advanced features where supported, but if the design calls for rounded edges, or a particular layout and styling you should do your best to replicate it across all browsers – especially those that are important to your client / business.

Аднажды в студеную зимнию пору. Бродил Я по интернету. Наткнулся на пост. Понравилось очень! Респект выражаю! И даже закладки себе добавляю!

The section on Template Layout is incorrect. That’s Flexible Box Layout module, not Template Layout module.

I’m not sure why people are complaining about it being released before it’s fully supported. By doing so it gives you plenty of time to hone your skills and to start developing future sites, testing them out. Yes, browsers have some serious catching up to do however would you prefer to be a head of the game or trying to play catch up?

Thanks a lot, it could be my start in the use of css 3

Oh Jesus
Could it be uglier ? :)

Thanks anyway

thanks…waiting for HTML 5…

hi, love your website….

I have just downloaded this cheat sheet. I’ll certainly go back to my style sheet and see if everything is fine.