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)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.