Mediaqueryless Responsiveness

Slides of the – highly entertaining – talk @Vasilis gave at CSS Day 2016 in which he elaborated on a few techniques he experimented with in order to get responsive-like sites without using any media queries.

Some neat tricks include:

• Calling it “active whitespace” instead of floats getting stacked up 😛
• Setting a unit-ed value (such as 15em) instead of a plain number as a value for columns
• Using an URL fragment (window.location.hash) along with an id along with the :target psuedo-class
• Using vmin and vmax values (in combination with quantity selectors)
• …