Skip to content
Browse files

Removing Firefox 3.6 support. It has reached EOL. Details below:

Mozilla killed off 3.6 officially and it's now two days dead:
  https://blog.mozilla.org/futurereleases/2012/03/23/upcoming-firefox-support-changes/

Firefox ESR is their replacement by the way, it's a Firefox that's updated ~once a year:
  https://wiki.mozilla.org/Enterprise/Firefox/ExtendedSupport:Proposal
  http://www.mozilla.org/en-US/firefox/organizations/

Usage data is trending down, and it's at ~2.68% worldwide.
  http://gs.statcounter.com/#browser_version-ww-daily-20120416-20120416-bar

Oh, look at that, IE7 has the same # of users! Guess who is next to sunset support for? :)
  • Loading branch information...
1 parent dbd76c1 commit 52eaa342330c089b278e669abaedb34cc5889bf1 @paulirish committed Apr 26, 2012
Showing with 7 additions and 10 deletions.
  1. +7 −10 index.html
View
17 index.html
@@ -51,8 +51,7 @@
<pre class="rule">
.box_round {
-webkit-border-radius: <b g="0">12px</b>; <span class="comment">/* Saf3-4, iOS 1-3.2, Android &le;1.6 <span class="endcomment">*/</span></span>
- -moz-border-radius: <b g="0">12px</b>; <span class="comment">/* FF1-3.6 <span class="endcomment">*/</span></span>
- border-radius: <b g="0">12px</b>; <span class="comment">/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ <span class="endcomment">*/</span></span>
+ border-radius: <b g="0">12px</b>; <span class="comment">/* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ <span class="endcomment">*/</span></span>
<span class="comment">/* useful if you don't want a bg color from <a href="http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed">leaking outside</a> the border: */</span>
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
@@ -80,7 +79,6 @@
<pre class="rule">
.box_shadow {
-webkit-box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3">0px</b> <b g="4" i="lHex" o="sHex">#ffffff</b>; <span class="comment">/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ <span class="endcomment">*/</span></span>
- -moz-box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3">0px</b> <b g="4" i="lHex" o="sHex">#ffffff</b>; <span class="comment">/* FF3.5 - 3.6 <span class="endcomment">*/</span></span>
box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3">0px</b> <b g="4" i="lHex" o="sHex">#ffffff</b>; <span class="comment">/* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 <span class="endcomment">*/</span></span>
}</pre>
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
@@ -93,7 +91,7 @@
background-color: <b g="0" i="lHex">#444444</b>;
background-image: -webkit-gradient(linear, left top, left bottom, from(<b g="0" i="lHex">#444444</b>), to(<b g="1" i="lHex">#999999</b>)); <span class="comment">/* Saf4+, Chrome <span class="endcomment">*/</span></span>
background-image: -webkit-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Chrome 10+, Saf5.1+, iOS 5+ <span class="endcomment">*/</span></span>
- background-image: -moz-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* FF3.6 <span class="endcomment">*/</span></span>
+ background-image: -moz-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* FF3.6+ <span class="endcomment">*/</span></span>
background-image: -ms-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* IE10 <span class="endcomment">*/</span></span>
background-image: -o-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Opera 11.10+ <span class="endcomment">*/</span></span>
background-image: linear-gradient(to bottom, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>);</span>
@@ -153,11 +151,11 @@
-webkit-perspective: <b g="0">300</b>; <span class="comment">/* Saf4+, Chrome 12+ <span class="endcomment">*/</span></span>
-moz-perspective: <b g="0">300</b>; <span class="comment">/* FF10+ <span class="endcomment">*/</span></span>
-ms-perspective: <b g="0">300</b>; <span class="comment">/* IE10+ <span class="endcomment">*/</span></span>
- perspective: <b g="0">300</b>;
- -webkit-transform: rotateY(<b g="1">180</b>deg); -webkit-transform-style: preserve-3d;
+ perspective: <b g="0">300</b>;
+ -webkit-transform: rotateY(<b g="1">180</b>deg); -webkit-transform-style: preserve-3d;
-moz-transform: rotateY(<b g="1">180</b>deg); -moz-transform-style: preserve-3d;
-ms-transform: rotateY(<b g="1">180</b>deg); -ms-transform-style: preserve-3d;
- transform: rotateY(<b g="1">180</b>deg); transform-style: preserve-3d;
+ transform: rotateY(<b g="1">180</b>deg); transform-style: preserve-3d;
}</pre>
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
</div>
@@ -217,8 +215,7 @@
<pre class="rule">
.box_bgsize {
-webkit-background-size: <b g="0">100% 100%</b>; <span class="comment">/* Saf3-4 <span class="endcomment">*/</span></span>
- -moz-background-size: <b g="0">100% 100%</b>; <span class="comment">/* FF3.6 <span class="endcomment">*/</span></span>
- background-size: <b g="0">100% 100%</b>; <span class="comment">/* Opera, IE9, Saf5, Chrome, FF4 <span class="endcomment">*/</span></span>
+ background-size: <b g="0">100% 100%</b>; <span class="comment">/* Opera, IE9, Saf5, Chrome, FF4+ <span class="endcomment">*/</span></span>
}</pre>
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
</div>
@@ -355,7 +352,7 @@
</pre>
<pre class="rule changelog">
-/*
+/*
__Changelog__
2012.03.02: Added <a href="http://paulirish.com/2012/box-sizing-border-box-ftw/">box-sizing</a>. Woo!

5 comments on commit 52eaa34

@paulmillr

:heart: dropping support of shitty / old browsers when they have that much usage. Too bad not so much developers encourage it.

@marcusklaas

firefox 3.6 is not exactly shitty but i get your point. i am happier to see a prefixed css rule die. CSS prefixing has failed officially now that opera supports webkit prefixes. if u have xperimental support for a feature you should not just add a prefixed css rule but also support the unprefixed rule. that would solve all problems for sure

@paulmillr

+1, prefixing never discouraged me from using any feature, even very experimental one. In fact, i'm using stylus so i've forgot about any vendor prefixes at all.

@orpheuslummis

Thanks for the news.

@belchugov

Great news 10x for the update @paulirish

Please sign in to comment.
Something went wrong with that request. Please try again.