Viewport - Beantin

Beantin

Viewport

A colection of articles that focus on the browser viewport and device screen. The viewport is the area available for the visible part of the web page being viewed. On many screens, this is different (smaller) than the screen resolution but occasionally can be the same.

What is my viewport size and pixel density?

In recent years I’ve talked a lot about the importance of measuring the browser viewport (it’s not as big as you think). The rapid adoption of responsive web design and the launch of devices with high definition screens where a pixel is no longer a pixel have made

Screens are getting bigger, but not the browser viewport

Recently Jakob Nielsen published an alertbox proclaiming that computer screens are getting bigger. He is, by and large, right – excluding mobiles and tablets they are indeed getting bigger. What he fails to mention is that the browser viewport isn’t increasing at any where near the same rate. At the

The browser viewport: Remember laptops!

A few years ago I wrote about how screen sizes were getting getting smaller, and this is proving to be the case. Tablets, Android devices/iPhones, iPads – the number of horizontal rows (in landscape mode) is really getting squeezed. The amount of new websites appearing that are effectively broken when

Wordpress plugin: Measuring browser viewport size

Previously I’ve written about the importance of browser viewport size, and also explained how you can measure the browser viewport of your visitors and store the result in Google Analytics as events. Given the 25 million sites out there running WordPress, I decided to invest a bit of time

Measuring browser viewport size with Google Analytics

I wrote about browser viewport statistics in November and how we spend far too much time measuring and focusing on screen resolution where we should be concentrating on browser viewport size. With just a simple bit of Google Analytics event tracking code you can collect some basic viewport size statistics

Browser viewport statistics

There are plenty of statistics available on screen sizes/resolutions and their usage. Equally there are plenty of articles available on how you should optimise your site design for this size or that size. The truth is that screen resolution is only half of the equation. The other half, and