I found two really good articles in my search. They are:
“Breaking out of the Box with CSS Layouts”
“CSS Float Theory: Things You Should Know”
Lets start with the first article. The author, Jina Bolton, explains to the readers just how important a good layout is, and she tackles some of the issues that some designers have toward standardized layouts using CSS. One of the issues is that some web designers feel that designing a lyaout around a grid is too boring and boxy. Well, Bolton has a great response to it. She compares a standardized layout to the wood frame of a house. That wood frame can go several direction depending on the architect (in our case the designer). One architect can build the home into some boxy and boring, but you put the designing into another architect’s hands and he can turn that wood frame into a work of art. That to me is a great comparison. How often do you design a site and when you are finished you realized that you just settled for the design, and not took the extra time to make it look nice? I think that what she said is a slap in the face to the designers that are complaining. Bolton also give some information of designing around a grid and using wireframes. This site would be a great site to put into your aggrigator because they are posting articles daily just on CSS.
The second article is also very good. It is geared on floated layouts, and he tackles some of the gripes and complaints that some people may have about it. He gives a TON of information, and to make it even better he has a ton of links to other really good articles. This is how he describes floats:
“A floated box is positioned within the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content may flow along the side of a float. […] When a box is taken out of normal flow, all content that is still within normal flow will ignore it completely and not make space for it.”
I learned a lot about floats with in this article, so I highly recommend it. One reason is for the article and the other will be for the links that it provides for more information.
I’m glad you found the first website, I had seen it a couple of weeks ago looking for something else and, up until now, had forgotten about it. It’s actually the site that helped me design my week 2 project (Fishbowl.com). I never thought to use an image to help change the “shape” of the layout. It was really helpful. I definitely agree, that just because we build with boxes, it doesn’t mean our pages have to look boxy.
I too have heard others talk about not liking the grid structure because of the boxiness. What a bunch of dumdums. What do they think graphic and advertising designers use? They always have an underlying grid structure and their stuff still looks awesome. Well, if the designers are good that is. I really liked the authors example with the house frame. Very well put. Great article too. I might have to go back and read it again sometime.
I like the idea of comparing building a website to building a house. There is a lot of planning that is involved with doing both, and if the planning stage is done well, then there is a good chance the final product will be successful. And you’re right; you could design a boring, structured website and be standards compliant- but you shouldn’t settle for that. Great post
I’ll have to agree with Angela here, especially after going through this school. To not like the grid layout while I understand they’re trying to break from the “cookie cutter” type layout.
Well it’s cookie cutter for a reason, because it works and honestly I love to see a great layout with everything that lines up and comes into place with the margins and gutters and everything spot on.