views:

307

answers:

4

Having recently become a convert to Grid Layouts, I find myself looking at more and more sites' code and seeing that grids are still grossly under-represented.

While I accept that grids might not always be the only right solution for every web design situation, I think that they are a tool that should be seeing higher rates of adoption than they currently enjoy.

I think if I'd known more about the design approach earlier, I would have saved a considerable amount of time and effort. But Grids don't seem to have the sort of exposure that, say, CSS standards do. Why should that be? Is it even a problem that some people might be missing out on a design approach that could potentially be a better solution to a problem they're working on?

+1  A: 

I'm going to preface this by saying I personally have no strong feelings about grid-based layouts one way or the other. However, the reason other people may not want to dig into them is that it's a major time investment. For example, if you look over the docs and tutorials for Blueprint, it's clear that figuring out how to use it and applying it effectively for one simple project is going to cost you at least an afternoon, and that's assuming everything works exactly the way the docs say it will. If everything doesn't do that, you could be looking at several days of Googling and forum posting. Nothing against Blueprint or grid-based layouts. It's just the nature of these things.

So for all that risk and effort, here's the payoff: every element in your layout lines up on a grid.

The debate over whether that's worth the effort could go on for years. I'm not going to touch that one. Let's just say it's debatable.

Ethan
A: 

I don't like them. The 960 grid sites don't work well on the iPhone/iPod Touch. And they're terrible on my Blackberry. I prefer a fluid layout that works well on smaller screens.

I don't mind if they show up as 960 on computers, but for Pete's sake, serve me something fluid on mobile. If everyone used this, I'd be happy.

Nosredna
I agree that the days of fixed-width layouts are over. I'm introducing a fluid grid on all new pages at work. But designers are still very rooted in the belief that "fixed is best". ... I feel your pain.
Phil.Wheeler
There's fluid960, which I like. http://www.designinfluences.com/fluid960gs/
Nosredna
It takes a special kind of Web Designer to create an aesthetically pleasing "Fluid" layout. Not only would they need to have good creative skills, but they would also need decent technical skill, and I am sad to say, that these two traits rarely go hand-in-hand.
TandemAdam
Yes, visual designers often think like print designers.
Nosredna
A: 

I think we don't see grid layout to be so popular because to use any CSS framework you already need to know CSS on decent level, in case anything goes wrong, or because you gonna need to style your elements anyway.

So the question that asked why somebody who already decently know CSS will start using framework.

I think the best way to use framework is to rip some parts of it (like form styling) and use it with your own developed things.

Dmitris
I don't necessarily agree with this. I think the whole point of grids is to make page layouts easier such that you don't actually *need* to know CSS at a decent level. I would agree that a good way to learn what a particular grid framework sets out to achieve is to pull it apart and explore how it works, but I would argue that as you become more proficient with CSS, grids become a favourable and time-saving option.
Phil.Wheeler
Of course, CSS frameworks like any other frameworks created to make other people life and daily work tasks easier. However if you don't know CSS decent enough already, you still going run into problems with let's say IE6.Another point is, that people who work with css all the time, already have their own developed layout and stack of css tricks and things that work.
Dmitris
Usually CSS frameworks are built so you don't have to worry about cross-browser inconsistencies. Usually they are made to take care of all those problems for you, and from what I have seen they do a pretty good job of it.
TandemAdam
+4  A: 

The "Grid Layouts" you speak of, are nothing "special". What you are actually talking about, are "CSS frameworks". These "Grid Layouts" should still be using CSS Standard

You also did not mention the most popular CSS Grid Framework - YUI Grids CSS

I think the reason people normally don't use a framework, is that they don't want to be locked into something with limited customization. Also a big reason is that there is no guaranty that the framework will be around forever, and once it is gone, your knowledge with that framework is useless.

There is also some Criticism of CSS Frameworks on Wikipedia:

  • Lack of flexibility outside the limitations of the framework
  • Bloated source code
  • Additional HTTP requests for multiple files
  • Lack of substantial additional features beyond what is already available with CSS

Also I think that most web developers just like to write there own HTML/CSS.

TandemAdam
This is probably the first answer that comes close to grasping what I'm after. I think your point (if I interpret it correctly) that grids are essentially "packaged CSS" frameworks is a very well-made one and perhaps is what Dmitris was driving at. I think the reluctance to be constrained by someone else's design approach might make a lot of sense, if that fear is well-founded. Also the consideration of legacy support may carry some weight.
Phil.Wheeler