960 grid...dead?
- Started
- Last post
- 26 Responses
- oey0
1200 Grid 12 Col anyone?
Started last project with 960 grid but changed to 1200 after request from the developer.
Was using 15 Col and since yesterday I've started to have some doubts so today I started changing the project to 12 Col.
I thought 15 col would give me more freedom and help me not ending up doing everything symmetrical but somehow I didn't felt it was working.
Any thoughts? What do you guys use?
- 12 is divisible by 2,3 and 4, that's why it's used...it's a print graphic heritage...go read Josef Müller-Brockmann Grid System and Massimo Vignelli Unigrid.uan
- you'll understand the system, then you can do whatever you like. but the foundation staysuan
- if you need some vid in the layout, you might start by incorporating 1920, 1280 or 720 into your horizontal measurements, so they can be displayed in native resuan
- hey uan, that's the reason i started with 12 col in the 960 Grid. I did once template for a Bootstrap project and actually enjoyed the 12 col option.oey
- and thanks!oey
- 1280 or 1440 to start with, but it depends on what devices you'll want to target primarily
find your resolutions: http://screensiz.es/…uan - also take a look at css grid in ff, might be helpful :) https://www.youtube.…uan
- another approach is to build up from a basic tile (unit), like 80x80 or 40x40 and build your grid with that measurement as baseuan
- I'm using 80x80 with 20 gutteroey
- great links thanksoey
- i usually prefer 24-32 columnsjaylarson
- ^thanks uan for the links!jaylarson
- somadigital0
@abettertomorrow - thank you. apparently only reading the post title is enough, and i guess reading a book by the cover is also acceptable.
i like the site http://www.informationarchitects… and their thinking, but back to the question is fixed dead and is this auto-resizing css idea the best we can design?- I read your whole post and you say like the idea of using up 80% of all monitors' real estate.doublespaced
- You didn't mention scaling at all.doublespaced
- cannonball19780
I would say that grid standards are going to snap more to HD resolutions the more we design for screens other than the comp monitor.
- nb0
960 Grid is clearly not dead, but there is no reason for us to ignore the potential in new solutions to old problems.
For the argument above that PIZZA and doublespaced made (that users with large monitors tend to keep a narrow window) is valid. I think most of us on this site probably fit into this category. However, the 1140 Grid seems to work for this type of user as well as for users who prefer a larger window, or a much smaller one.
I'm going to try this 1140 Grid out for a personal project. Just to see how it works in practice. I can think of no reason to ignore it's potential.
- Continuity0
I think it comes right back to knowing your audience and doing your research. If you're designing your portfolio site to show CDs in agencies, you can bet they're running at least 1400 wide, which affords you more space to play.
Conversely, if you're designing an e-commerce site, common sense dictates going for the lowest common denominator, which - these days - tends to be 1024.
This is where the value of looking at a year or two worth of Google Analytics reports really comes in handy to shed some light on trends.
- abettertomorrow0
Take Google as a case study (especially since I'm guessing they do a ton of usability testing). The regular search uses the scale up/ scale down approach, in their case between 800 and 1180px.
However within the main column they restrict the length of the search results text. The result of a wider screen is actually more white space between the search results and the ads, which makes the page easier to read.
Then with images and maps they switch over to completely liquid width.
- raf0
My screen width is 2560px and the best width for it is still 960px. 1140px is not a bad width, but in so many cases it's simply not necessary or may even be ott.
QBN is 990px wide. Would it benefit from going 1140px? How?
- The ability to display more content?abettertomorrow
- Not every site would benefit from a redesign. Not every site needs 1140. But some might.nb
- What 'more content' would you cram into this QBN page?raf
- Miguex0
^
Some o f us are tired of having to scroll down to read a couple of posts and can not wait to have really wide monitors, so my entire facebook stream of friend's updates fits on a single line of text.I'm with somadigital on this one
- seeessess0
liquid :)
- somadigital0
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
- inteliboy0
no not dead, not in the real world anyway
- georgesIII0
The hordes of Ipad trolls are rising in the west,
News from the front are bleak,
android tablet users have made an alliance with them,
the fellowship of the 960 pixels is apparently gaining new ground,what the fuck am I writing
- english, please. lol.akrokdesign
- Oh, georges. You're hung over, aren't you? :DContinuity
- One width to rule them all.elahon
- One does not simply QWOP into Mordorkingsteven
- Ha @ post and notesHombre_Lobo_2
- You do not simply qwop into a 960px grid
prophet - It's grid is FIXED on Rivendellcannonball1978
- ** hits deletes button franticallygeorgesIII
- Sorry, georges, you can't un-say. :DContinuity
- toodee0
For a lot of sites one size isn't flexible enough, especially when you consider different devices. It's more hassle for everyone but I think scaleable designs like http://www.informationarchitects… (try changing the browser width) are only going to become more common.
- abettertomorrow0
This is the approach I've been using for awhile. Scale up to 1280px and down to 1024.
Having said that I don't see any reason the gutters should be variable width. You can easily have fixed width gutter by adding an additional div inside each column.
Another trick I like to use is to have one area remain fixed width while making the rest liquid. You can do this by using the negative margins trick described by A List Apart a few years back.
- akrokdesign0
not yet. maybe next year.
- grafisk0
960's got a good year or two left, have to think about the consumer in the end!
- < and thatContinuity
- Did you guys read the post? The grid still works on 960, it just offers more options.abettertomorrow
- We read the post. But the link is different.fixedwidth
- raf0
How are you going to utilize the extra width, again, on this very page? Mockups welcome.
- nb0
^ I don't think this forum needs extra width, but it wouldn't hurt to make it more scalable. When I make my window narrow, I can't see all the information and there is no option to scroll to the right.
It's my opinion that the people who designed the 1140 Grid are more concerned with scalability than width.
- ... but I can't speak for them. Just from what I'm reading on the site.nb
- abettertomorrow0
I don't think anyone's saying every site should be one way or the other, but there are plenty of situations where a wider page (than 960) is helpful.