2012-03-08

Web Design 2012: Minimal Windows Width of Popular Sites

Perm URL with updates: http://xahlee.org/js/web_design_minimum_width.html

Quite annoyed that Google in past month assume your window size must be quite wide.

Meaning: the page is designed to assume a minimal display width as optimal. For example, if your window is not that wide, a horizontal scrollbar shows up.

Here's some minimal sizes for each site.

  • Gmail = 994 (mininum); 1290 (no horizontal scroll bar)
  • g+ = 994 (mininum). 1080 for nav bar to float.
  • Twitter = 900 (mininum); (990 to show all items in nav bar)
  • Google Reader = 952
  • Facebook = 1014
  • apple.com = 1014
  • google.com = 1014
  • microsoft.com = 1000
  • Yahoo! = 1014
  • amazon = 1033
  • DISQUS = 1180

Here's sites that used a flow approach.

  • Wikipedia = flow
  • hootsuite = flow