<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>
<channel>
	<title>Comments on: IE8 and box-sizing</title>
	<atom:link href="http://erik.eae.net/archives/2008/03/10/21.48.10/feed/" rel="self" type="application/rss+xml" />
	<link>http://erik.eae.net/archives/2008/03/10/21.48.10/</link>
	<description>The Weblog of Erik Arvidsson</description>
	<pubDate>Sat, 05 Jul 2008 16:34:15 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
		<item>
		<title>By: Erik Arvidsson</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103021</link>
		<dc:creator>Erik Arvidsson</dc:creator>
		<pubDate>Tue, 18 Mar 2008 15:29:56 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103021</guid>
		<description>Andrew: I'm pretty sure I filed one for "msInterpolationMode" when it was introduced to IE7.  I'll file another one for "msBoxSizing" if it hasn't been reported yet.</description>
		<content:encoded><![CDATA[<p>Andrew: I&#8217;m pretty sure I filed one for &#8220;msInterpolationMode&#8221; when it was introduced to IE7.  I&#8217;ll file another one for &#8220;msBoxSizing&#8221; if it hasn&#8217;t been reported yet.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Andrew Dupont</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103019</link>
		<dc:creator>Andrew Dupont</dc:creator>
		<pubDate>Sun, 16 Mar 2008 20:55:22 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103019</guid>
		<description>@Erik, Dean: File a bug! The process is quite open this time around. And beta 1 is nowhere near feature-complete.

If you two are not in the technical beta, you ought to be. Send Pete LePage an e-mail and I'm sure he'll agree.</description>
		<content:encoded><![CDATA[<p>@Erik, Dean: File a bug! The process is quite open this time around. And beta 1 is nowhere near feature-complete.</p>
<p>If you two are not in the technical beta, you ought to be. Send Pete LePage an e-mail and I&#8217;m sure he&#8217;ll agree.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Garrett</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103008</link>
		<dc:creator>Garrett</dc:creator>
		<pubDate>Fri, 14 Mar 2008 18:28:39 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103008</guid>
		<description>I see now Alexander Kirk's explanation -- 

You're saying that the IE property is msBoxSizing, and that this is undesirable. Your argument is that the property should be MsBoxSizing. Sorry, I didn't get that at first.

The problem with your patch -- of using browser detection to provide a custom camelCase for IE -- is that if you inform enough people to do this, it will gain adoption and then internet explorer will not be able to change without breaking existing sites. 

This will lead to developers who used this property blaming Microsoft, when it's really partially the fault of the developer who used such techniques.


Garrett</description>
		<content:encoded><![CDATA[<p>I see now Alexander Kirk&#8217;s explanation &#8212; </p>
<p>You&#8217;re saying that the IE property is msBoxSizing, and that this is undesirable. Your argument is that the property should be MsBoxSizing. Sorry, I didn&#8217;t get that at first.</p>
<p>The problem with your patch &#8212; of using browser detection to provide a custom camelCase for IE &#8212; is that if you inform enough people to do this, it will gain adoption and then internet explorer will not be able to change without breaking existing sites. </p>
<p>This will lead to developers who used this property blaming Microsoft, when it&#8217;s really partially the fault of the developer who used such techniques.</p>
<p>Garrett</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Garrett</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103007</link>
		<dc:creator>Garrett</dc:creator>
		<pubDate>Fri, 14 Mar 2008 18:15:34 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103007</guid>
		<description>Sorry, another correction:

var toCamelCaseExp = /-([a-z])/, R = window.RegExp;
function toCamelCase(s) {
  for(; toCamelCaseExp .test(s); s = s.replace(toCamelCaseExp , R.$1.toUpperCase()));
  return s;
}

toCamelCase("-moz-border-radius");

MozBorderRadius</description>
		<content:encoded><![CDATA[<p>Sorry, another correction:</p>
<p>var toCamelCaseExp = /-([a-z])/, R = window.RegExp;<br />
function toCamelCase(s) {<br />
  for(; toCamelCaseExp .test(s); s = s.replace(toCamelCaseExp , R.$1.toUpperCase()));<br />
  return s;<br />
}</p>
<p>toCamelCase(&#8221;-moz-border-radius&#8221;);</p>
<p>MozBorderRadius</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Garrett</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103006</link>
		<dc:creator>Garrett</dc:creator>
		<pubDate>Fri, 14 Mar 2008 18:13:05 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103006</guid>
		<description>Correction:

view.getComputedStyle(el,”).MozBorderRadiusTopright;</description>
		<content:encoded><![CDATA[<p>Correction:</p>
<p>view.getComputedStyle(el,”).MozBorderRadiusTopright;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Garrett</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103005</link>
		<dc:creator>Garrett</dc:creator>
		<pubDate>Fri, 14 Mar 2008 18:11:58 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-103005</guid>
		<description>@kris 

I too am failing to see the reason why browser detection is necessary to convert to camel case.

var toCamelCaseExp = /-([a-z])/, r = window.RegExp;
function toCamelCase(s) {
for(var exp = toCamelCaseExp; exp.test(s); s = s.replace(exp, R.$1.toUpperCase()));
return s;
}

console.log(toCamelCase("-moz-border-radius"));

I usually don't find it necessary to do this because it's possible to just use the camel-cased value from the start. 

document.defaultView.getComputedStyle(el, '').MozBorderRadius;

Shorthand values in Mozilla always return the empty string, so it's necessary to specify each one individually.

var el = document.getElementById('accel'),
    view = document.defaultView;
view.getComputedStyle(,'').MozBorderRadiusTopright;

Regards,

Garrett</description>
		<content:encoded><![CDATA[<p>@kris </p>
<p>I too am failing to see the reason why browser detection is necessary to convert to camel case.</p>
<p>var toCamelCaseExp = /-([a-z])/, r = window.RegExp;<br />
function toCamelCase(s) {<br />
for(var exp = toCamelCaseExp; exp.test(s); s = s.replace(exp, R.$1.toUpperCase()));<br />
return s;<br />
}</p>
<p>console.log(toCamelCase(&#8221;-moz-border-radius&#8221;));</p>
<p>I usually don&#8217;t find it necessary to do this because it&#8217;s possible to just use the camel-cased value from the start. </p>
<p>document.defaultView.getComputedStyle(el, &#8221;).MozBorderRadius;</p>
<p>Shorthand values in Mozilla always return the empty string, so it&#8217;s necessary to specify each one individually.</p>
<p>var el = document.getElementById(&#8217;accel&#8217;),<br />
    view = document.defaultView;<br />
view.getComputedStyle(,&#8221;).MozBorderRadiusTopright;</p>
<p>Regards,</p>
<p>Garrett</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kris Kowal</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102999</link>
		<dc:creator>Kris Kowal</dc:creator>
		<pubDate>Wed, 12 Mar 2008 01:12:01 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102999</guid>
		<description>@Erik &#38; Alexander: thanks for the clarifications.</description>
		<content:encoded><![CDATA[<p>@Erik &amp; Alexander: thanks for the clarifications.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dean Edwards</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102997</link>
		<dc:creator>Dean Edwards</dc:creator>
		<pubDate>Tue, 11 Mar 2008 16:55:35 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102997</guid>
		<description>It's little things like this that make you realise that the IE developers exist in a tiny little world of their own.</description>
		<content:encoded><![CDATA[<p>It&#8217;s little things like this that make you realise that the IE developers exist in a tiny little world of their own.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Erik Arvidsson</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102996</link>
		<dc:creator>Erik Arvidsson</dc:creator>
		<pubDate>Tue, 11 Mar 2008 15:27:11 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102996</guid>
		<description>Lucky: I used an if statement instead of the ternary conditional operator for clarity's sake and using a conditional comment would make it even more obscure.</description>
		<content:encoded><![CDATA[<p>Lucky: I used an if statement instead of the ternary conditional operator for clarity&#8217;s sake and using a conditional comment would make it even more obscure.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Lucky</title>
		<link>http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102995</link>
		<dc:creator>Lucky</dc:creator>
		<pubDate>Tue, 11 Mar 2008 14:59:43 +0000</pubDate>
		<guid isPermaLink="false">http://erik.eae.net/archives/2008/03/10/21.48.10/#comment-102995</guid>
		<description>Perhaps a more efficient method?
&lt;code&gt;
function toCamelCase(s) {
  return s.replace(/\-(\w)/g, function(_, c, i) {
    return /*@cc_on i == 0 ? c : @*/ c.toUpperCase();
  });
}
&lt;/code&gt;</description>
		<content:encoded><![CDATA[<p>Perhaps a more efficient method?<br />
<code><br />
function toCamelCase(s) {<br />
  return s.replace(/\-(\w)/g, function(_, c, i) {<br />
    return /*@cc_on i == 0 ? c : @*/ c.toUpperCase();<br />
  });<br />
}<br />
</code></p>
]]></content:encoded>
	</item>
</channel>
</rss>
