Re: [WSG] cross-browser or vendor-specific CSS

2012-06-30 Thread Tom Livingston
Learn something new everyday. Never heard of this before!

Sent from iOS 5

On Jun 30, 2012, at 12:03 AM, David Hucklesby huckle...@gmail.com wrote:

 On 6/29/12 11:08 AM, coder wrote:
 
 - Original Message - From: David Hucklesby
 
 Start with a simple design for mobile and old browsers. Add advanced
 CSS inside @media queries or qualified by :root.
 
 qualified by :root?  can you give us an example here?
 
 
 In HTML, :root is functionally equivalent to html. Not supported by IE
 prior to version 9, so a rule like this:
 
 :root .thumbs .figure { display: inline-block; }
 
 ...would be ignored by old IE.
 
 HTH
 -- 
 Cordially,
 David
 
 
 
 
 ***
 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] cross-browser or vendor-specific CSS

2012-06-30 Thread Kevin Rapley
Firstly “Do websites need to look exactly the same in every browser?”
http://dowebsitesneedtolookexactlythesameineverybrowser.com/

This wasn't on my radar, but even still, there are better solutions out
there to handle CSS. I looked through the little documentation that this
tool gave, and I doubt it has the level of support that Compass and SASS
have. I would stick with Compass and SASS; they have a good following and
community around them and there are loads of extensions (mixins, functions
etc.) in Github and the like.

http://compass-style.org
http://sass-lang.com

On 30 June 2012 13:55, Tom Livingston tom...@gmail.com wrote:

 Learn something new everyday. Never heard of this before!

 Sent from iOS 5

 On Jun 30, 2012, at 12:03 AM, David Hucklesby huckle...@gmail.com wrote:

  On 6/29/12 11:08 AM, coder wrote:
 
  - Original Message - From: David Hucklesby
 
  Start with a simple design for mobile and old browsers. Add advanced
  CSS inside @media queries or qualified by :root.
 
  qualified by :root?  can you give us an example here?
 
 
  In HTML, :root is functionally equivalent to html. Not supported by IE
  prior to version 9, so a rule like this:
 
  :root .thumbs .figure { display: inline-block; }
 
  ...would be ignored by old IE.
 
  HTH
  --
  Cordially,
  David
 
 
 
 
  ***
  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
 ***




-- 
Warm regards,

Kevin Rapley / User Experience Designer
0772 345 7862


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***


Re: [WSG] cross-browser or vendor-specific CSS

2012-06-30 Thread Tom Livingston
For the record, I was referring to :root, not the site mentioned by the OP.

Sent from iOS 5

On Jun 30, 2012, at 6:43 PM, Kevin Rapley ke...@digikev.co.uk wrote:

 Firstly “Do websites need to look exactly the same in every browser?”
 http://dowebsitesneedtolookexactlythesameineverybrowser.com/
 
 This wasn't on my radar, but even still, there are better solutions out there 
 to handle CSS. I looked through the little documentation that this tool gave, 
 and I doubt it has the level of support that Compass and SASS have. I would 
 stick with Compass and SASS; they have a good following and community around 
 them and there are loads of extensions (mixins, functions etc.) in Github and 
 the like.
 
 http://compass-style.org
 http://sass-lang.com
 
 On 30 June 2012 13:55, Tom Livingston tom...@gmail.com wrote:
 Learn something new everyday. Never heard of this before!
 
 Sent from iOS 5
 
 On Jun 30, 2012, at 12:03 AM, David Hucklesby huckle...@gmail.com wrote:
 
  On 6/29/12 11:08 AM, coder wrote:
 
  - Original Message - From: David Hucklesby
 
  Start with a simple design for mobile and old browsers. Add advanced
  CSS inside @media queries or qualified by :root.
 
  qualified by :root?  can you give us an example here?
 
 
  In HTML, :root is functionally equivalent to html. Not supported by IE
  prior to version 9, so a rule like this:
 
  :root .thumbs .figure { display: inline-block; }
 
  ...would be ignored by old IE.
 
  HTH
  --
  Cordially,
  David
 
 
 
 
  ***
  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
 ***
 
 
 
 
 -- 
 Warm regards,
 
 Kevin Rapley / User Experience Designer
 0772 345 7862
 
 
 ***
 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
***


?????? [WSG] cross-browser or vendor-specific CSS

2012-06-30 Thread linxz
http://selectors.linxz.de/#32
 
--



 




--  --
??: David Hucklesby; 
: 2012??6??30??(??) 12:03
??: wsg; 
: Re: [WSG] cross-browser or vendor-specific CSS



On 6/29/12 11:08 AM, coder wrote:

 - Original Message - From: David Hucklesby

 Start with a simple design for mobile and old browsers. Add advanced
 CSS inside @media queries or qualified by :root.

 qualified by :root?  can you give us an example here?


In HTML, :root is functionally equivalent to html. Not supported by IE
prior to version 9, so a rule like this:

:root .thumbs .figure { display: inline-block; }

...would be ignored by old IE.

HTH
-- 
Cordially,
David




***
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
***

[WSG] cross-browser or vendor-specific CSS

2012-06-29 Thread Kevin Erickson
Hi, I am asking if anyone uses  http://ecsstender.org/ to write CSS
cross-browser code or, if not, what are you using to write CSS
cross-browser or vendor-specific code?
Many thanks!

Kevin


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] cross-browser or vendor-specific CSS

2012-06-29 Thread Tom Livingston
On Fri, Jun 29, 2012 at 10:20 AM, Kevin Erickson
kevinlerick...@gmail.com wrote:
 Hi, I am asking if anyone uses  http://ecsstender.org/ to write CSS
 cross-browser code or, if not, what are you using to write CSS cross-browser
 or vendor-specific code?
 Many thanks!

 Kevin


I do not use this. I rely on progressive enhancement. If IE has square
corners instead of round, for example, so be it. It's ok. It doesn't
render the content inaccessible.

I do, however, use http://selectivizr.com/ to make my life easier as
it allows the use of advanced selectors which saves some extra fussing
and extra markup for old browsers.

HTH

-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Re: [WSG] cross-browser or vendor-specific CSS

2012-06-29 Thread David Hucklesby

On 6/29/12 7:20 AM, Kevin Erickson wrote:

Hi, I am asking if anyone uses  http://ecsstender.org/ to write CSS
cross-browser code or, if not, what are you using to write CSS
cross-browser or vendor-specific code?



Short answer - I don't even try to make all browsers act alike. :)

Start with a simple design for mobile and old browsers. Add advanced CSS
inside @media queries or qualified by :root. Enhance IE 7 and 8 if you need
to with rules governed by conditional comments.

This is my version of progressive enhancement. YMMV.

Looking at the documentation for eCSStender suggests to me there's going to
be a severe performance hit on page load. I hope I'm wrong.
--
Cordially,
David


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Re: [WSG] cross-browser or vendor-specific CSS

2012-06-29 Thread coder


- Original Message - 
From: David Hucklesby huckle...@gmail.com

To: wsg@webstandardsgroup.org
Cc: Kevin Erickson kevinlerick...@gmail.com
Sent: Friday, June 29, 2012 5:06 PM
Subject: Re: [WSG] cross-browser or vendor-specific CSS



Start with a simple design for mobile and old browsers. Add advanced CSS
inside @media queries or qualified by :root. 


qualified by :root?  can you give us an example here?

Thanks,

Bob


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Re: [WSG] cross-browser or vendor-specific CSS

2012-06-29 Thread David Hucklesby

On 6/29/12 11:08 AM, coder wrote:


- Original Message - From: David Hucklesby


Start with a simple design for mobile and old browsers. Add advanced
CSS inside @media queries or qualified by :root.


qualified by :root?  can you give us an example here?



In HTML, :root is functionally equivalent to html. Not supported by IE
prior to version 9, so a rule like this:

:root .thumbs .figure { display: inline-block; }

...would be ignored by old IE.

HTH
--
Cordially,
David




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***