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)

About the author

Bramus is a Freelance Web Developer from Belgium. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

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.