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)

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. 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.