Re: Media Query Variables

On Tuesday, September 17, 2013 at 12:07 AM, Kornel Lesiński wrote:

>  
> To address concerns about verbosity and maintainability of Media Query  
> breakpoints in <picture> I've proposed MQ Variables. There's a lengthy  
> discussion about it on www-style:
>  
> http://lists.w3.org/Archives/Public/www-style/2013Sep/thread.html#msg319
Awesomeness :)   
> I think there's a lot of support for the idea in general, but the  
> controversial point is whether MQ variables should be allowed in external  
> stylesheets.
>  
> The problem is that when MQ variables are only defined in an external  
> file, then browser won't know which <picture><source> to download before  
> external CSS is downloaded, so this delays loading of responsive images.

:(  
>  
> There is no performance problem if MQ variables are defined in <style> in  
> <head> on every page. Is that a good compromise?
>  
It might have to be. Navigation controller (a.k.a., Event Workers) are heading in the same direction (insert inline).   

> There's also suggestion to use only <meta>-based syntax for MQ variables  
> rather than CSS syntax to make it impossible to use MQ variables in  
> external stylesheets at all, so developers who don't listen to performance  
> best practices cannot shoot themselves in the foot. Can you all promise  
> not to write slow pages, so that won't have to be done? ;)
>  

I promise to be good (fingers crossed).

Received on Tuesday, 17 September 2013 14:36:10 UTC