slides from brief 5 minutes presentation on why it is bad for Mozilla, Microsoft and Opera to render -webkit prefix CSS

1. Vendor prefixes in CSS
aka don’t let webkit be the next IE6

2. tantek: At this point we're trying
to figure out which and how many
webkit prefix properties to
actually implement support for in
Mozilla
plinss: Zero.
tantek: Currently we have zero.
Zero is no longer an option for us.
Florian, Sylvain: Zero is not an
option for us anymore either.
[CSSWG] Minutes and Resolutions Paris F2F Monday Morning 2012-02-06

3. -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);

4. http://nickcowie.com/eotw

5. -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);

6. gradient(linear, left top, left bottom,
from(#ffddbb), to(#dd9944),color-stop(0.3,
#cc6633));
linear-gradient(#fdb, #c63 30%, #d94);

7. tantek: At this point we're trying
to figure out which and how many
webkit prefix properties to
actually implement support for in
Mozilla
plinss: Zero.
tantek: Currently we have zero.
Zero is no longer an option for us.
Florian, Sylvain: Zero is not an
option for us anymore either.
[CSSWG] Minutes and Resolutions Paris F2F Monday Morning 2012-02-06

8. SO WHAT
IS THE
PROBLEM

9. UPDATE
YOUR
CSS

10. [CSSWG] Minutes and Resolutions Paris F2F
Monday Morning 2012-02-06
http://lists.w3.org/Archives/Public/www-style/2012Feb/
0313.html
Mozilla position statement + links to feedback
https://wiki.mozilla.org/Platform/Layout/
CSS_Compatibility#questions_and_methodology
Now vendor prefixes have become a problem, want
to help fix it?
http://christianheilmann.com/2012/02/09/now-vendor-
prefixes-have-become-a-problem-want-to-help-fix-it/
-prefix-free
http://leaverou.github.com/prefixfree/

11. Webkit Vendor CSS
http://qooxdoo.org/documentation/general/webkit_css_styles
Mozillia Vendor CSS
https://developer.mozilla.org/en/CSS_Reference/
Mozilla_Extensions
Opera Vendor CSS
http://www.opera.com/docs/specs/presto2.10/css/o-vendor/
Microsoft Vendor CSS
http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx

12. Nick Cowie
@nickobec
http://nickcowie.com
http://www.slideshare.net/nickobec/