The Future of CSS: Short Guide
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (15.55 MB, 134 trang )
mezzoblue.com/presentations/2011/fowd
DAVE SHEA / NEW YORK / 8 NOV 2011
THEFUTUREOFCSS
(or, as much as will fit in 40 minutes)Browsers &
Specs50%
Oct 2010
2011 Data Source: />50%
Oct 2011
Oct 2010
2011 Data Source: />50%
Oct 2011
Oct 2010 Oct 2012?
2011 Data Source: />Original Presentation: />Original Presentation: />Word of
Warning
24 Ways in
Chrome
24 Ways in
Firefox
24 Ways in Opera
24 Ways in Safari
Wikipedia in
Chrome
Wikipedia in Firefox
Wikipedia in Safari
Sites in Question: 24ways.org & wikipedia.org
CSS3 Checkup
nth-child
!"#"$%&'()*($"+,-&./0#1
##23*4567!&+%#8***9
:
nth-of-type
;53""<6=#$>5%&'()7?)'=@<,7++0#1
##*"<36%#"<?'9
:
First/Last of Type
A<*'$7&#@%?$6A')7?)'=@<#1
##>365$&)'7@%#B9
:
A<*'$7&#@%"3A')7?)'=@<#1
##>365$&)27''7>%#B9
:
Forms - Enabled?
$&@!'%<&32"<+#1
##276+<6%#A7"$+#/@C#8BBB9
:
$&@!'%+$A32"<+#1
##276+<6%#A7"$+#/@C#8DDD9
:
Forms - Required?
$&@!'%6<E!$6<+%3?'<6#1
##*7"76%#8FBB9
##*7&'<&'%#G#HG9
:
Forms - Optional?
$&@!'%7@'$7&3"%3?'<6#1
##*7&'<&'%#&7&<9
:
Forms - Valid?
$&@!'I'=@<JG<>3$"GK%L3"$+#1
##/*#do#nothing#*/
:
$&@!'I'=@<JG<>3$"GK%$&L3"$+#1
##*7"76%#8FBB9
:
+$L#1
##276+<6)63+$!A%#M@C9
:
+$L#1
##276+<6)63+$!A%#M@C9
:
Vendor Prefixes:
Time to drop them?
+$L#1
#)N<24$')276+<6)63+$!A%#M@C9
#)>7O)276+<6)63+$!A%#M@C9
#)>A)276+<6)63+$!A%#M@C9
#)7)276+<6)63+$!A%#M@C9
##276+<6)63+$!A%#M@C9
:
