Re: [WSG] cross-browser or vendor-specific CSS
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
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
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
***
Re: [WSG] cross-browser or vendor-specific CSS
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
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
- 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
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
***
