Web Design, Minimal Window Width

Google Plus in past month (2012-03-08) started to assume your window size must be 1014 pixels. If your window size is narrow than that, part of the content won't show, you'll need to horizontal scroll.

What's the Minimal Window Width of Web Design?

Here's some minimal sizes for each site.

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

The above are tested with web browsers on a PC, running Windows 7.

Here's sites that used a flow approach. ♥

• Wikipedia = flow
• hootsuite = flow

How to find out my screen size or window size?

go here: JS: Find Window Size

Common Screen Sizes

• MacBook Air 2010 to 2015, 11.6″, native 1366 × 768 (16:9).
• MacBook Air 2010 to 2015, 13.3″, native 1440 × 900 (16:10).
• MacBook Air 2008 13.3″, native 1280 × 800 pixels (16:10).

• MacBook Pro 2008, 17″, LCD, 1,920 × 1,200
• MacBook Pro 2007, 17″, LCD, 1,680 × 1,050
• MacBook Pro 2009 to 2012, 1,440 × 900 or 1,920 × 1,200
• MacBook Pro 2012 to 2015, 〔13.3″, 2,560 × 1,600 (16:10), 227 ppi〕, or 〔15.4″, 2,880 × 1,800 (16:10), 220 ppi〕

• Chromebook 2013, 1366×768
• Chromebook 2014, 1920×1080
• Chromebook Pixel 2013 to 2015, 2,560 × 1,700 (239 ppi), 3:2 (1.5:1) aspect ratio

see also: Screen Size Comparison: DVD, iPhone, iPad, MacBook, Blu-ray