Hi Tom!

On Tue, Apr 2, 2013 at 8:53 PM, Tom Livingston <tom...@gmail.com> wrote:
> In response to your issue #2 below, I have had good luck with putting MQs on
> link elements, and then repeating the link elements without MQs inside a
> conditional comment for 7 & 8, allowing the cascade work to deliver a
> desktop-only layout for old IE. I hate poly filling everything and also had
> bad luck with respond.js.

Ahhhhh, now, that's an interesting idea.

The more I think about old IEs and max-width, I can see that I'll
probably still have problems getting the site to display the full
desktop version. Your solution above has given me some ideas.

The way I've been developing my MQs is via a modular approach, where
the media queries for a particular "module" is all together in the
same CSS file. I've been using LESS for @import concat and
minification, but I like keeping related CSS together vs. spread it
out into separate style sheets.

Thanks for the tip though! It's another possible solution for me to
play with. I think it would also solve my need to feed desktop styles
as my print style sheet (that's a topic of another thread I started a
few weeks back).

> I'm playing with sass now to use its import method to get all the above to
> work with only 2 http requests instead of several, but using the same
> concept.

Interesting. I'm wondering how much different SASS is from LESS. I've
picked LESS because I saw that Bootstrap folks use it... I use Grunt
for my build process though, and it does have a SASS task:

<https://github.com/gruntjs/grunt-contrib-sass>

Part of me wonders if I could use a preprocessor (SASS/LESS) to strip
media queries from my styles so I can feed old IEs and print styles
the desktop view (like you said, allow the cascade to work its magic
for those devices).

Thanks again Tom (and all others who replied), your help and advice is
much appreciated.

Cheers,
Micky
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to