Applying Divine Proportion To Your Web Designs | How-To | Smashing Magazine

Following up on our recent discussions at the Workshop and in Web Design, here is an article from Smashing Magazine on Applying Divine Proportion To Your Web Designs. The article adds some more information to our talks about the Rule of Thirds.

May 17 Meeting Report: Grid-Based Design

Our May meeting was about effective ways to lay out webpages.

We started by briefly looking at Dreamweaver templates. We touched on this subject in April when we were talking about Contribute. Templates can be convenient for an individual developer, and in an enterprise setting, templates can enforce controls over changes that can be made on a page by other people editing the site.

We then went on to talk about page layouts and the concept of grid-based design. Many current websites employ a layout that is divided strongly into horizontal sections that can get rather complicated to organize. Using a grid can help to keep a clean design while using complex arrangements. During the discussion, we reviewed the Divine Proportion and noted how grid design can help to use that proportion to arrange material on webpages. We also briefly looked at some tools for setting up grids.

The sites we looked at are listed below.

Design and the Divine Proportion

Grid systems in Web Design

Five Simple Steps to designing grid systems

Column Techniques How-To Smashing Magazine

Blueprint Grid CSS Generator

Blueprint: A CSS Framework

Seven Smooth Steps to Superb Grids

Eric Meyer's CSS SCULPTOR

May 17, 2008 Meeting Announcement

The next session of the PACS CSS Workshop will be this Saturday at 9 - 10.

This month, we will to continue our discussion on tools for using CSS more effectively. We reviewed some in April, and I want to look at a few more this month.

We will start with Dreamweaver templates, just to give a general idea of how they work. The topic is not specific to CSS, but it ties in with the discussion about Contribute that we had last month.

Then I want to show some tools for laying out a webpage with a structure that is more complex than just the header-body-footer format. We will talk about grid-based design, see how it can be used to make modern layouts, and look at what to use to make the process easier.

If that were not enough, thanks to the generosity of Microsoft and Dani Diaz, we have a great raffle giveaway -- a copy of Expression Web, Microsoft's web design tool. The usual rule applies -- current members of PACS qualify for the raffle. We will be checking to confirm membership on this one, so be sure to join or renew your membership if you are not current with PACS.

FeedDemon 2.6.1 [Regular Guy Reviews]

At our last meeting, we talked about RSS readers during our discussion of some good online sources of information on web design. I used FeedDemon as an example of a stand alone RSS reader. This pretty thorough article, FeedDemon 2.6.1 at Regular Guy Reviews, compares FeedDemon with Google Reader. The author likes them both and basically says it comes down to how you access your feeds, from one or two computers or from anywhere you happen to be.

Article from Smashing Magazine: Improving Code Readability With CSS Styleguides

If you have wondered about how to organize your stylesheets, check out the ideas at Improving Code Readability With CSS Styleguides from Smashing Magazine. Note the references to additional sites on the topic of CSS coding.