RE: [WSG] A simple IE and JS detection method?
-Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Thierry Koblentz Sent: 30 October 2010 20:30 To: wsg@webstandardsgroup.org Subject: RE: [WSG] A simple IE and JS detection method? snip On the second pahe I've checked (http://www.projectseven.com/products/menusystems/pmm2/index.htm), I found these: !--[if IE 7] link href=/06_includes/ie7.css rel=stylesheet type=text/css ![endif]-- !--[if IE 6] link href=/06_includes/ie6.css rel=stylesheet type=text/css ![endif]-- !--[if IE 5] link href=/06_includes/ie5.css rel=stylesheet type=text/css ![endif]-- These are three extra HTTP requests. Just so everyone is clear, this is only _one_ extra request, and only for that particular version of IE; No other browser will request any of these, nor will IE8, IE9 or future versions. Regards, Mike Mike Brockington Web Development Consultant This message does not reflect the opinions of any entity other than the author alone. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] A simple IE and JS detection method?
Hi David, How, without using conditional comments at all, do I target IE 6,7, and 8 I was asking how I'd be able to target all three *without* any CCs. Add an extra script line? script type=text/javascript/*![CDATA[*/var isIE=/*...@cc_on!@*/false;document.documentElement.className+= isIE;/*]]*//script Not perfect but adequate for most cases. .gradientBg {... Sorry, mate. That won't work. All IEs will get the solid background with the filter image on top. Not what you'd want at all... :( I'll admit that snippet was untested but you can see a working example here: http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ The Browse and Convert image are pure CSS. Background gradients appear to work fine in IE6+, Firefox and Safari. Untested in Opera though so please tell me if the button doesn't degrade well. I considered the methods too clunky for use in production though. Regards Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of David Hucklesby Sent: 29 October 2010 16:51 To: wsg@webstandardsgroup.org Subject: Re: [WSG] A simple IE and JS detection method? On 10/29/10 2:13 AM, Foskett, Mike wrote: [...] David, How, without using conditional comments at all, do I target IE 6,7, and 8 From the example: bg {background: #fff} .IE6 bg, .IE7 bg { filter: progid: etc...} .IE8 bg { -ms-filter: progid: etc} Precisely. I was asking how I'd be able to target all three *without* any CCs. Though I personally for what you're asking I'd do it in one style rule like this: .gradientBg { background:#f1f0f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f7fa), color-stop(1, #cfcbd8)); background-image: -moz-linear-gradient(rgba(248,247,250, 1) 0%, rgba(207,203,216, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8)); } Covers everything you ask plus Firefox, Safari and IE8+. Sorry, mate. That won't work. All IEs will get the solid background with the filter image on top. Not what you'd want at all... :( (FWIW - I actually tried this.) And what about my browser of choice, Opera. Not popular in the US or UK, I know, but has an equal presence with Safari and Chrome in Europe, an even bigger presence in other parts of the world, and a major browser on small devices like phones. RGBa() has my money... Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] A simple IE and JS detection method?
Foskett, Mike mike.fosk...@uk.tesco.com wrote: Hi David, How, without using conditional comments at all, do I target IE 6,7, and 8 I was asking how I'd be able to target all three *without* any CCs. Add an extra script line? script type=text/javascript/*![CDATA[*/var isIE=/*...@cc_on!@*/false;document.documentElement.className+= isIE;/*]]*//script Not perfect but adequate for most cases. .gradientBg {... Sorry, mate. That won't work. All IEs will get the solid background with the filter image on top. Not what you'd want at all... :( I'll admit that snippet was untested but you can see a working example here: http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ The Browse and Convert image are pure CSS. Background gradients appear to work fine in IE6+, Firefox and Safari. Untested in Opera though so please tell me if the button doesn't degrade well. I considered the methods too clunky for use in production though. Regards Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of David Hucklesby Sent: 29 October 2010 16:51 To: wsg@webstandardsgroup.org Subject: Re: [WSG] A simple IE and JS detection method? On 10/29/10 2:13 AM, Foskett, Mike wrote: [...] David, How, without using conditional comments at all, do I target IE 6,7, and 8 From the example: bg {background: #fff} .IE6 bg, .IE7 bg { filter: progid: etc...} .IE8 bg { -ms-filter: progid: etc} Precisely. I was asking how I'd be able to target all three *without* any CCs. Though I personally for what you're asking I'd do it in one style rule like this: .gradientBg { background:#f1f0f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f7fa), color-stop(1, #cfcbd8)); background-image: -moz-linear-gradient(rgba(248,247,250, 1) 0%, rgba(207,203,216, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8)); } Covers everything you ask plus Firefox, Safari and IE8+. Sorry, mate. That won't work. All IEs will get the solid background with the filter image on top. Not what you'd want at all... :( (FWIW - I actually tried this.) And what about my browser of choice, Opera. Not popular in the US or UK, I know, but has an equal presence with Safari and Chrome in Europe, an even bigger presence in other parts of the world, and a major browser on small devices like phones. RGBa() has my money... Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] A simple IE and JS detection method?
snip On the second pahe I've checked (http://www.projectseven.com/products/menusystems/pmm2/index.htm), I found these: !--[if IE 7] link href=/06_includes/ie7.css rel=stylesheet type=text/css ![endif]-- !--[if IE 6] link href=/06_includes/ie6.css rel=stylesheet type=text/css ![endif]-- !--[if IE 5] link href=/06_includes/ie5.css rel=stylesheet type=text/css ![endif]-- These are three extra HTTP requests. Just so everyone is clear, this is only _one_ extra request, and only for that particular version of IE; No other browser will request any of these, nor will IE8, IE9 or future versions. Yes, *one* extra request for IE browsers (lt 8). And authors can't combo these files (concatenate and minified them with other sheets). One thing *all browsers* get though is the *extra markup* which - unlike rules in styles sheets - is not cached. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] [AUTO RESPONSE] Apologies Re: WSG Digest
Hi. I will be offline from November 1 - 14, 2010. I may not be able to reply to your message. I am currently preparing for the Professional Regulatory Board's Librarians Licensure Exam. I will get back to you by the end of the exam week. Thank you for your patience. -- *Bianca Rei T. Baylas* *Information Specialist I* * College of Engineering Library* * University of the Philippines* Diliman, Quezon CIty *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A simple IE and JS detection method?
On 11/1/10 3:15 AM, Foskett, Mike wrote: Hi David, How, without using conditional comments at all, do I target IE 6,7, and 8 I was asking how I'd be able to target all three *without* any CCs. Add an extra script line? script type=text/javascript/*![CDATA[*/var isIE=/*...@cc_on!@*/false;document.documentElement.className+= isIE;/*]]*//script Not perfect but adequate for most cases. Nice. But hardly more clear for future CSS coders than CCs, especially if they don't know JavaScript? .gradientBg {... Sorry, mate. That won't work. All IEs will get the solid background with the filter image on top. Not what you'd want at all... :( I'll admit that snippet was untested but you can see a working example here: http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ The Browse and Convert image are pure CSS. Background gradients appear to work fine in IE6+, Firefox and Safari. Untested in Opera though so please tell me if the button doesn't degrade well. I considered the methods too clunky for use in production though. Not quite so nice in Opera, but good. Unfortunately I was not asking about gradients--my question involved emulating RGBa colored backgrounds in Internet Explorer... :\ Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] A simple IE and JS detection method?
How, without using conditional comments at all, do I target IE 6,7, and 8 I was asking how I'd be able to target all three *without* any CCs. Using the basic filters you could go this route: http://tjkdesign.com/lab/ie-filters.asp For version 9+, nothing's sure ;-) -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A simple IE and JS detection method?
On 02.11.2010 04:48, Thierry Koblentz wrote: Using the basic filters you could go this route: http://tjkdesign.com/lab/ie-filters.asp ...which are similar to those I presented earlier ... without all the safeguarding and wrapping i use to keep uninformed people from using such hacks all over the place :-) For version 9+, nothing's sure ;-) That's for sure, which is why I haven't bothered to test hacks for it yet. regards Georg *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***