When you're building a web site on a tight deadline, a good CSS framework can help you get the job done quickly. Yahoo has thoughtfully provided Yahoo Grid CSS for rushed web developers everywhere. In this four-part series, we examine its features and capabilities.
Using Web Page Grids in Yahoo Grid CSS (Page 1 of 4 )
Many seasoned programmers may not work regularly with a third-party CSS framework, preferring the absolute control over the structural markup and CSS styles of a web page that can only be attained by developing proprietary code. However, there are certain situations where using a well-structured CSS framework may help to develop web sites much more quickly. This is important if your project has tight deadlines. Bearing this idea in mind, Yahoo launched a powerful package called "Yahoo Grid CSS" which consists of a number of predefined web page layouts that can be easily implemented for creating simple and complex web documents.
Welcome to the final tutorial of the series that began with "Using Yahoo Grid CSS." In four tutorials, this series introduces the most important features that come bundled with this CSS library. It also shows you how to create basic web page layouts using Yahoo's proprietary concepts, such as templates, presets and web page grids.
Thanks to previous articles in this serie, you may already be comfortable working with Yahoo Grid CSS' web page templates and presets. All of these features are quite easy to implement. The Yahoo CSS grid framework provides web designers with a wealth of web page presets for creating simple web page layouts with minor hassles. This CSS package offers another useful characteristic that deserves analysis, since it allows you to build more complex web page layouts effortlessly.
I'm referring to "web page grids," a concept that can be helpful for developing more sophisticated layouts, and that I think you'll find pretty interesting. In this final part of the series I'll be explaining how to use them, accompanying the theoretical concepts with several hands-on examples.
So, are you ready to learn how to use Yahoo's framework web page grids? Okay, let's begin now!