{Carrer web log} ←
Is it time to move beyond 960? Not yet
Friday, April 24, 2009 { 7 Comments }
Yesterday Cameron Moll in his post asked – "Is it time to move beyond 960?"Probably not yet.
Why?
Because there are still around 40% of users using 1024px monitors. We can NOT ignore that fact.
Maybe after few years when very big majority will have 1280 or bigger monitor then we can think about changing the 960px who has become standard for fixed design.
What will be the number new number to replace 960px?
I already said two months ago in my "The Golden Grid" post.
The number is 1200px
The number 1200 is divisible by 2,3,4,5,6,8,10,12,15,16,20,24,25,30 …
Also this number can generate clear and more compressible numbers like (100px for 12 column, 75px for 15 columns, 200px for 6 columns)
Look at this table
This means you can generate symmetrical web site with 4 columns(4 X 300px) or asymmetrical with 3 columns (3 X 400px) or 30 columns(30 x 40px).
You will probably say: But who needs 30 columns web site? Is it 1200px just to big?
You are right 1200px Is very big, but only if you are using 12px font!
Oliver Reichenstein and Wilson Miner sad before me Internet is not a Book!
We can finally drop 12px as standard and use 16px like default .
Also 1200px can open new forms of multi column grid design. More space can be used for more columns.
I’m not saying that then we all should switch to bigger fonts and grid design I’m saying don’t be afraid to change and experiment with new things.
Panta rei os potamòs
7 Responses to “Is it time to move beyond 960? Not yet”
-
// Unknown
// 4/24/2009
I'm a non-designer and I keep wondering...
why not use a tiny bit of Javascript to query the size of the window you're displaying in, and adjust to taste - maybe switch between small, medium and wide style sheets?
Speaking strictly as a consumer, it's felt like a step backward to me that many websites now employ a fixed graphic format. I like things to scale when I open up a larger window, that's why I have a large desktop.
I appreciate that proportionality is a very important element of visual presentation. But honestly, I get irritated when I visit a page that looks like it never gave up its childhood dream of appearing in a magazine, and won't let me see more because of what size someone else's monitor might be. -
//
// 4/24/2009
I've actually come to be against fluid-width for most things web. There are a couple reasons:
- Generally speaking, I don't run my browser maximized on my 1900 resolution. Even when browsing for information it's not generally the only thing I'm doing. This is especially true if I'm doing development.
- More importantly ( and irrespective of the first point ) is the *usability*. And I don't mean in the sense of taking up the full width, I mean in terms of user-experience with consuming the content - which to me is the point of the web. Done correctly, a site should be taking this into account when posting their content. Just as it's unproductive to have paragraphs that are 300 lines long, so too does it make it harder to read and consume information when there is only 1 line per paragraph.
Just my $0.02. I used to really be against fixed-width designs, but the more research I do into how people typically consume information effeciently the more I become against fluid-width. - // // 4/24/2009
-
// Robin Cannon
// 4/24/2009
I switched across to 960px width when the BBC website did - I think they're probably a decent rule of thumb. :)
I'm also against fluid width websites. I think with a 960px site you're catering well for 1024px width monitors up to more than double that size (with the site still looking solid and proportional). And it takes into account that if you have a 2000+ pixel monitor then it's unlikely you'll have maximised browser windows anyway. - // Natalia // 4/24/2009
-
// Erik Friend
// 4/24/2009
Not so fast!
Recently, the popularity of Netbooks has risen. Almost all Netbooks have a screen resolution of 1024x600. As more users buy Netbooks and leave their desktops behind, browser widths are likely to DECREASE, not increase.
Layout widths greater than 960px might make sense on Intranet sites where users are expected to use a desktop computer, but casual viewers are moving in the opposite direction as they adopt Netbooks and Web enabled cell phones with small screens.
Don't alienate your visitors by assuming they all sit at a desk with 24" widescreens, like us web developers ;) -
// Vladimir
// 4/25/2009
@Natalia:Yes maybe is true we are used to see business site in certain way. But if we have more horizontal space we will have opportunity to change this.
@Erik Friend: The monitor size will be always a problem. I have one laptop 1280 x 800 and EEEPC 900 it is 9''. But if 85-90% of your visitors use one kind of monitor you will probably adapt your design to them.Or if you have big budget can make different layout for different monitor size.
<< Home
About Me <<<
Name: Vladimir Carrer
vladocar [at] gmail.com
Location: Verona, Italy
I'm a web designer, developer, teacher, speaker, generally web addicted ...
My projects <<<
- AI Prompt Directory
- Hand Drawn Icons
- Font Design Inspiration
- Font Pairings
- Free SVG Cut File
- Upcoming NFT projects
- Discord Tutorials
- Free Sublimation Designs
- Tech Feed
- MySQL Lite Administrator
- Quark Mini PHP CMS
- Formy - CSS Form Framework
- Emastic - CSS Framework
- Malo - CSS Library
- The Golden Grid
- 1 line CSS Grid Framework
- Two Lines CSS Framework
- Child Selector System - CSS Framework
- Better Web Readability Project
- Azbuka - CSS Typographical Base Rendering Library
- ClipR - bookmarklet for better reading
- CSS3 Action Framework
- CSS Mini Reset
- HTML5 Mini Template
- CSS Mobile Reset
- picoCSS - JavaScript Framework
- HTML Lorem Ipsum Crash Test
- Object Auto Documentation - JavaScript
- o - JS Library for Object Manipulation
- Foxy - CSS Framework
- Tumblr Free Theme - Better Readability Project
- Box - CSS Framework
- SMART CSS GRID
- nanoJS - Minimal JS DOM Library
- Flexy CSS Framework
- Katana is CSS Layout System made with Flexbox
- Micro CSS Reset
- 60 Grid System
- Simple CSS Button
- ramd.js JavaScript library for making web applications.
- Minimal Notes web app build with Vue.js
- Scribble Font for Prototyping & Wireframing
- Flex One - 1 CSS Class System
- Floaty - CSS Float Based Layout System
- Infinity CSS Grid
- CLI Convert websites into readable PDFs
- keywords-extract - CLI tool, extract keywords from any web page.
- screenshoteer - Make website screenshots and mobile emulations from the command line.
- Basic.css - Classless CSS Starter File
§§Previous Posts <<<
- Twitter Compressor
- The Twitter is not about you, it is about the comm...
- Google redesign (Google in a grid)
- F pattern or just simple triangle
- The Golden Grid
- Sketchbook for web designers
- Prototyping with Malo CSS Library
- Formy CSS Framework out of Beta
- 2008 Summary Report
- In the search of Holy Web Grid
Other Profiles <<<
Content is licensed under a Creative Commons Public Domain License