?

Log in

No account? Create an account
livejournal S2 style system blue
LiveJournal's S2 Styles
Stop assuming a minimum width 
Aug 12th, 2015 - 10:28 pm
default

An open letter to everybody who is designing styles:

Please stop relying on a specific minimum pixel width. For example, refrain from using such CSS constructs as:

.html-s2-no-adaptive { min-width: 1000px; }

Rationale: A typical monitor as of today is 1920 logical pixels wide. This is too wide to use the browser maximized, but perfect to split the screen in half and tile two windows side-by-side. Accounting for the vertical scrollbar, the page has to fit in roughly 938 pixels or fewer in order not to cause horizontal scrolling.

Bonus points if your style works with any page width upwards of 320px.

Comments 
Aug 12th, 2015 - 09:05 pm (UTC)
This is a good point to design to in general, but I don't think 1920 pixels wide is in any way a typical monitor. w3schools reckons they overestimate screen resolution due to their demographics and they state that 1366px wide is substantially more popular; 1920px only represents around 20% of users. In fact, if you combine the statistics for 1920px, 2560px, and the 9.7% "other high resolution" group which they don't break down any further (some of which will be smaller than 1920px) you still don't reach the numbers of the 1366px group.

Edited at 2015-08-12 09:05 pm (UTC)
Aug 13th, 2015 - 05:42 am (UTC)

OK, I meant desktop monitors. 1366px is an inexpensive laptop resolution and they might have gained some popularity.

My point is that until recently sites could assume they are displayed in a maximized window and thus could rely on at least 1000px being available ever since 800×600 monitors went out of fashion. With 1920px monitors, this is no longer true; sites need to be prepared to share the screen width with another application.

Code for 800px like it’s 2007.

Aug 13th, 2015 - 02:22 am (UTC)
Seconded.

Extra points if you don't specify a point size for the text; some of us are old, with poor eyesight.
This page was loaded Sep 17th 2019, 10:51 pm GMT.