Thought this might interest many of you…
A common question I get from clients is about designing a website for devices. I tell my clients it not devices, or even screen width, that really counts, it is browser width. So I regularly poll the the top 10 web analytics software to see what they consider the latest categorization of browser width.
For the most accurate reporting, the companies use
window.innerWidth (browser code) to collect the screen size. It measures the width of the browser window where a website is actually rendered by the user, rather than the full screen width (and thus device).
These companies have standardized on four categories - Desktop, Laptop, Tablet, and Mobile. They define these categories by ranges of browser width. The ranges may seem wide, but they take into account portrait and landscape orientation where applicable.
Desktop - Above 1440px
Laptop - 993px to 1440px
Tablet - 577px to 992px
Mobile - less than 577px
A couple key points from these stats;
The biggest change I’ve noticed recently is the increase of user’s Desktop browser width rendering to over 1440px.
Being limited to 1200px in Sparkle doesn’t mean Desktop numbers are underreported. It just means there is value for Sparkle to widen desktop device above 1200px.