Re: [csswg-drafts] [mediaqueries-4][mediaqueries-5] Is the `<mf-range>` "swapping value and name" syntax really useful?

I think the readability benefits are quite strong. In a media query that only consists of `(100px < width < 500px)` (or the expanded form), it is not *that* critical, but as soon as you combine it in some larger boolean syntax, the mental overhead goes way up if you have to think of it as a boolean expression, rather than a simple range thing. Yes, it is equivalent, but reading it as a range is much easier.

`@media (pointer) or (100px < width < 500px) {...}`
vs
`@media (pointer) or ((width > 100px) and (width < 500px)) {...}`

It is just syntactic sugar, so if the concern from the implementation side is too strong, we could simplify a bit, but it is really nice sugar.

Like Tab, I wouldn't be too sad about loosing `500px > width` in favor of `width < 500px`, but I would be sad about loosing `100px < width < 500px`

-- 
GitHub Notification of comment by frivoal
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2791#issuecomment-397849046 using your GitHub account

Received on Sunday, 17 June 2018 01:48:53 UTC