Native Responsive Images

Re:Native Responsive Images by perlgeek on Sunday August 24, 2014 @09:53AM (#8218555)

Did I read that not carefully enough, or did the article really not explain what that "vw" unit is/stands for?

And what does the "calc(33vw - 100px)" do, apparently in void context?

Somehow I feel more confused after reading the article.

[ Parent | on HN ]

Re:Native Responsive Images by zenojevski on Sunday August 24, 2014 @10:05AM (#8218575)

I believe it stands for "viewport width" which is specified in percents over the width of the browser viewport.

Google has a first-class definition, too: https://www.google.com/search?q=css+vw+unit

[ Parent | on HN ]

Re:Native Responsive Images by anselmh on Monday August 25, 2014 @01:58AM (#8220743)

The `vw` unit is unrelated to responsive images but a new unit type that reflects the Viewport Width (100vw = 100% of browser’s viewport). There’s also a not so good supported vh unit, all specified under CSS Values and Units Module Level 3 (http://www.w3.org/TR/css3-values/).

The `calc()` function is a CSS function that lets you calculate values like 100vw - 100px, similar to what you can do in JavaScript. See more: https://developer.mozilla.org/en-US/docs/Web/CSS/calc

[ Parent | on HN ]