Web Design, Minimal Window Width
Google Plus in past month () 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
Web Design
- Typography Sucks
- Font Size problem
- Serif or Sans-Serif?
- Grey Text on White Background
- Dark Theme Web Design
- Peepshow Windows
- GUI vs Command Line: a Unified Design
- Skeleton Screen
- Fixed-Layout vs Flowed-Layout
- How JavaScript Breaks UI, Evolution of UI
- Should Hyperlinks Have Underline?
- Survey of Tab Style 2006
- Problem of Header Linking to Table of Contents
- Understand Atomic CSS in 1 Minute
- CSS: What's a CSS Pixel? What's Reference Pixel?
- Web Design, Minimal Window Width
- User Interface Design: Internet Explorer 9's Dysfunctional Colorful Tabs
- Phone and Tablet Screen Density Comparison
If you have a question, put $5 at patreon and message me.