Comments for Paul Irish http://paulirish.com I make the www fun. Sat, 04 Feb 2012 00:53:59 +0000 hourly 1 http://wordpress.org/?v=3.0.4 Comment on * { box-sizing: border-box } FTW by Louis http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111922 Louis Sat, 04 Feb 2012 00:53:59 +0000 http://paulirish.com/?p=1429#comment-111922 Oh, you think you're a smart guy, huh? Well, what do you do with this: http://jsbin.com/odebug/2/edit#html,live :) (Even the random JSBin-generated URL calls it a "bug"!) In all seriousness, I'm almost prone to think that this is why the "wrong" box model was preferred by browsers all these years. Oh, you think you're a smart guy, huh? Well, what do you do with this:

http://jsbin.com/odebug/2/edit#html,live

:)

(Even the random JSBin-generated URL calls it a "bug"!)

In all seriousness, I'm almost prone to think that this is why the "wrong" box model was preferred by browsers all these years.

]]> Comment on Browser Market Pollution: IE[x] is the new IE6 by Yuhong Bao http://paulirish.com/2011/browser-market-pollution-iex-is-the-new-ie6/#comment-111921 Yuhong Bao Sat, 04 Feb 2012 00:15:30 +0000 http://paulirish.com/?p=1259#comment-111921 I like to mention that IE 5.01 for Win2000 was supported with security updates till *2010*! For comparison, MS ended support for IE 5.5 on WinMe at the end of 2005 and IE 5.5 on other platforms two years before that. I like to mention that IE 5.01 for Win2000 was supported with security updates till *2010*! For comparison, MS ended support for IE 5.5 on WinMe at the end of 2005 and IE 5.5 on other platforms two years before that.

]]> Comment on * { box-sizing: border-box } FTW by Yuhong Bao http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111920 Yuhong Bao Fri, 03 Feb 2012 23:42:09 +0000 http://paulirish.com/?p=1429#comment-111920 "Not just in IE6 — comments before the DOCTYPE trigger quirks mode in IE7, IE8 and IE9 as well." @Mathias But you can use X-UA-Compatible to force IE8 or later standard mode even without a DOCTYPE. "Not just in IE6 — comments before the DOCTYPE trigger quirks mode in IE7, IE8 and IE9 as well."
@Mathias But you can use X-UA-Compatible to force IE8 or later standard mode even without a DOCTYPE.

]]> Comment on * { box-sizing: border-box } FTW by Chris http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111906 Chris Fri, 03 Feb 2012 17:11:41 +0000 http://paulirish.com/?p=1429#comment-111906 The Android browser, at least in Gingerbread, requires -webkit-box-sizing for this to work too. The Android browser, at least in Gingerbread, requires -webkit-box-sizing for this to work too.

]]> Comment on * { box-sizing: border-box } FTW by cnwtx http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111904 cnwtx Fri, 03 Feb 2012 17:02:37 +0000 http://paulirish.com/?p=1429#comment-111904 <a href="#comment-111816" rel="nofollow">@Jacob Rask</a>, setting everything to position:relative will also happen to very nicely crash IE6, which may or may not be a bad thing. :) @Jacob Rask, setting everything to position:relative will also happen to very nicely crash IE6, which may or may not be a bad thing. :)

]]> Comment on * { box-sizing: border-box } FTW by Paul Irish http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111902 Paul Irish Fri, 03 Feb 2012 16:09:35 +0000 http://paulirish.com/?p=1429#comment-111902 I asked Ricardo, who wrote the polyfill, and he had good things to say about its performance. So, I'd just recommend you to test it out. :) I asked Ricardo, who wrote the polyfill, and he had good things to say about its performance. So, I'd just recommend you to test it out. :)

]]> Comment on * { box-sizing: border-box } FTW by fpiat http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111897 fpiat Fri, 03 Feb 2012 15:20:58 +0000 http://paulirish.com/?p=1429#comment-111897 Not a direct link to this post: the color you use for the text make it really hard to read for someone like me whose eyes are not so good. The size of the typo is also very small and I must ctrl + several times. (:-(( Not a direct link to this post: the color you use for the text make it really hard to read for someone like me whose eyes are not so good. The size of the typo is also very small and I must ctrl + several times. (:-((

]]> Comment on * { box-sizing: border-box } FTW by Alberto Gasparin http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111896 Alberto Gasparin Fri, 03 Feb 2012 14:52:58 +0000 http://paulirish.com/?p=1429#comment-111896 I've also written simple Javascript (instead of the htc behaviour) as polyfill for old IE https://github.com/albertogasparin/borderBoxModel I've also written simple Javascript (instead of the htc behaviour) as polyfill for old IE
https://github.com/albertogasparin/borderBoxModel

]]> Comment on * { box-sizing: border-box } FTW by ionut http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111890 ionut Fri, 03 Feb 2012 11:15:28 +0000 http://paulirish.com/?p=1429#comment-111890 What about performance for IE<8 with the behaviour attached? Is it really bad? What about performance for IE<8 with the behaviour attached? Is it really bad?

]]> Comment on * { box-sizing: border-box } FTW by Steven Roussey http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111873 Steven Roussey Fri, 03 Feb 2012 00:58:11 +0000 http://paulirish.com/?p=1429#comment-111873 Funny, a few years back, this was one of the things I recommended to Sencha for ExtJS4. Since they had some of their own layout stuff going on, they had the typical "redundant layout" problem going on -- they would size some things and then get sizes recursively. I convinced them to change a few things, this being one of them (you can look up the SenchaCon conference materials from 2010). It eliminated having to ask the browser for the real width of things. PS: You didn't mention the backstory of how IE always did things this way and the W3C changed it to make IE not standards compliant. A long time ago, I guess. Sorta spiteful, but we are only human! Funny, a few years back, this was one of the things I recommended to Sencha for ExtJS4. Since they had some of their own layout stuff going on, they had the typical "redundant layout" problem going on — they would size some things and then get sizes recursively. I convinced them to change a few things, this being one of them (you can look up the SenchaCon conference materials from 2010). It eliminated having to ask the browser for the real width of things.

PS: You didn't mention the backstory of how IE always did things this way and the W3C changed it to make IE not standards compliant. A long time ago, I guess. Sorta spiteful, but we are only human!

]]> Comment on * { box-sizing: border-box } FTW by Ward http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111854 Ward Thu, 02 Feb 2012 16:40:23 +0000 http://paulirish.com/?p=1429#comment-111854 Hey! This website gets a 56 on page speed! lol Joking aside, at the end, when you said "...minify your css and js, gzip all your assets, and <strong>losslessly</strong> compress all your images" did you mean "lossily"? You know, the good ole jpg action? Hey! This website gets a 56 on page speed! lol Joking aside, at the end, when you said "…minify your css and js, gzip all your assets, and losslessly compress all your images" did you mean "lossily"? You know, the good ole jpg action?

]]> Comment on * { box-sizing: border-box } FTW by Webstandard-Blog (Heiko) http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111851 Webstandard-Blog (Heiko) Thu, 02 Feb 2012 14:55:50 +0000 http://paulirish.com/?p=1429#comment-111851 I think, box-sizing is one of the overrated features of CSS3. I never use and I (probably) never will use it! I think, box-sizing is one of the overrated features of CSS3. I never use and I (probably) never will use it!

]]> Comment on * { box-sizing: border-box } FTW by andy matthews http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111850 andy matthews Thu, 02 Feb 2012 14:49:00 +0000 http://paulirish.com/?p=1429#comment-111850 I've always said that the box model was jacked. In the real world, a box doesn't get BIGGER if you put something inside it. I've always said that the box model was jacked. In the real world, a box doesn't get BIGGER if you put something inside it.

]]> Comment on * { box-sizing: border-box } FTW by Justin http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111849 Justin Thu, 02 Feb 2012 14:38:05 +0000 http://paulirish.com/?p=1429#comment-111849 <a href="#comment-111791" rel="nofollow">@Thierry Koblentz</a> Thank you. That's was another very important negative implication I forgot to mention. @Thierry Koblentz

Thank you. That's was another very important negative implication I forgot to mention.

]]> Comment on * { box-sizing: border-box } FTW by 7OOOF.net http://paulirish.com/2012/box-sizing-border-box-ftw/#comment-111847 7OOOF.net Thu, 02 Feb 2012 13:32:04 +0000 http://paulirish.com/?p=1429#comment-111847 Well done thanks Well done
thanks

]]>