Comments on: 3 Advanced CSS3 Techniques You Should Learn

By: Maverick

Maverick — Thu, 15 Sep 2011 07:54:47 +0000

check this article….. amazing animation samples on it….

http://coding.smashingmagazine.com/2011/09/14/the-guide-to-css-animation-principles-and-examples/

By: Lukar

Lukar — Mon, 17 Jan 2011 16:52:39 +0000

Not work in IE8 !!!

By: Alex

Alex — Tue, 28 Sep 2010 07:31:44 +0000

don’t work in my newest Mozilla !
:(
What I have to do???

By: Lisa

Lisa — Mon, 23 Aug 2010 20:08:04 +0000

We are really looking forward to HTML5 and CSS3 as the new standards, so these tips help. LT

By: Jeff Jones

Jeff Jones — Thu, 19 Aug 2010 13:27:10 +0000

Will be a learning curve
J

By: Shane

Shane — Thu, 19 Aug 2010 09:45:10 +0000

Nice article on CCS3!!! looking forward to when it is more compatible with other browsers in the future!!

Thanks.

By: david

david — Thu, 19 Aug 2010 07:56:19 +0000

Thanks for posting, really interesting article for the future of web design. Working mainly on commercial web design, everything i do needs to validate, so some of these items will be for personal projects.

By: Arian Xhezairi

Arian Xhezairi — Wed, 18 Aug 2010 20:04:32 +0000

Max, again, I said you are aware of it, just don’t think that nested properties are valid in means of functionality,
[b]-webkit-transition: -webkit-transform 3s ease-in;[/b]

CSS validation isn’t the case this time.
Have a good one.

By: Max Luzuriaga

Max Luzuriaga — Wed, 18 Aug 2010 14:30:58 +0000

@Adrian

Sorry for not mentioning it, but everything that is preceded by -webkit or -moz, etc. is a vendor specific prefix (as you’ve obviously realized).

The point of a vendor prefix is to provide vendor specific properties not found in the CSS specification. Obviously this means it will not validate given that the CSS validator checks against the official CSS spec, of which vendor prefixes are not part of.

@Joel

If you wait for every CSS3 property to be *fully* supported, then you’ll be waiting for a very, very long time my friend. The beauty of most new CSS3 properties is that they degrade very gracefully. If a browser does not support border-radius, then the border won’t be rounded, but the page layout will stay the same.

The great thing about animations is that they could be used just as a simple effect, maybe for hover or click. If the browser isn’t webkit, then the hover or click styling will still be applied, there just won’t be any animation.

Granted, most of the pseudo classes and other advanced selectors shouldn’t be used in practice now, given that they do not degrade very gracefully. I just think it’s important that you are ready for when they are fully supported.

Even so, if you’re willing to drop support for some browsers, you can start using these selectors.

The only way to advance web standards is to use them. As I said before, if you wait for total support, you’ll be waiting forever, as neither IE6, 7, or 8, will EVER support CSS3 or HTML5.

By: joel k

joel k — Tue, 17 Aug 2010 17:38:44 +0000

no no no
this pseudo classes and animations should not be used to create a design, only to enhance it since its not FULLY supported yet.
thanks Max Luzuriaga for the article, and as you saide in the title
“3 Advanced CSS3 Techniques You Should Learn” Learn no pracgice…