Using Yahoo Grid CSS
(Page 1 of 4 )
Are you looking for a way to save time when building professional-looking web sites? You're in luck. Yahoo just released Yahoo Grid CSS. This series will show you how to use it to create the templates you need to make your web pages look attractive and appropriately complement your content.
Introduction
Any web designer knows that building professional-looking web sites can be a rather daunting task. The creation process requires the interaction of different disciplines, such as creating the decorative images that will comprise the web site along with the corresponding CSS styles and its structural (X)HTML markup.
Of course, some processes like designing the web site's images should be completely delegated to one or more graphic designers, so this task shouldn't be hard to tackle. However, things get a bit harsh when it comes to creating the pertinent web page's layout.
And logically, questions that have to be asked include: do I have to use a three-column layout with liquid widths? Or wouldn't be it better to build a fixed, two-column schema? As you might guess, deciding what kind of web page layout best fits a particular web project may not be as intuitive as it seems at first glance.
However, if you're currently going through this rather painful experience, the subject of this series might bring good news to you. Yahoo's web designers have recently released a pretty neat framework, called "Yahoo Grid CSS," which among other things, lets you easily build different types of DIV-based web page layouts by using only a few simple templates which also accept a decent level of customization.
In the course of this three-article series, I'm going to show you how to put the "Yahoo Grid CSS" framework to work for you. You'll find it quite useful in those cases where you don't want to spend your precious time designing a specific web page layout on your own.
As with every framework that exists today on the web, there are some conventions and directives that need to be followed to get the Grid CSS working seamlessly. I believe that these predefined rules are actually pretty straightforward, and they shouldn't be a major problem to you.
All right, having introduced the subject of this series, it's time to learn together how to build different kinds of DIV-based web page layouts using the Yahoo Grid CSS framework. Let's get started now!
Next: Building some predefined web page layouts >>
More Style Sheets Articles
More By Alejandro Gervasio
/ 8 
