Home arrow Style Sheets arrow Using Web Page Grids in Yahoo Grid CSS

Using Web Page Grids in Yahoo Grid CSS

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.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 6
August 28, 2007
  1. · Using Web Page Grids in Yahoo Grid CSS
  2. · Introducing web page grids
  3. · Extending the use of web page grids
  4. · Combining templates and special grids

print this article

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!

blog comments powered by Disqus

- CSS Padding Overview
- CSS: Margins Overview
- Top CSS3 Button Tutorials
- More Top CSS3 Tutorials for Animation and Im...
- CSS Mega Menus: Adding Extra Sections
- CSS Mega Menus
- CSS3 Accordian Menu: Horizontally Display Hy...
- CSS Combinators: Working with Child Combinat...
- CSS Combinators: Using General Siblings
- Intro to CSS Combinators
- CSS Semicircles and Web Page Headers
- Drawing Circular Shapes with CSS3 and Border...
- More CSS Pagination Link Templates
- CSS Pagination Links
- Animated CSS3 Image Gallery: Advanced Transi...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials