It was five years ago when I wrote Screen Resolution ≠ Browser Window. The idea was that, at the time, there was a lot of talk about monitor size in relation to how we design websites. JavaScript is happy to tell the dimensions of a monitor: screen.width. But how useful is that? Isn’t it more useful to know how big the actual browser window is? Of course, it is. We don’t write media queries based on screen.width, we write them based on the browser window width, e.g. @media (min-width: 400px) {}. (And perchance, someday, element/container queries.) The fact that we can and do practice responsive design means that we have all but stopped worrying about what an “average” size browser is that is visiting our site is. Still, it’s interesting data to have. Back in 2011, to gather that original data, I wrote some JavaScript to measure both the screen…

Read More →