Style Sheets
  Home arrow Style Sheets arrow Using Web Page Grids in Yahoo Grid CSS
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
STYLE SHEETS

Using Web Page Grids in Yahoo Grid CSS
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 4
    2007-08-28

    Table of Contents:
  • Using Web Page Grids in Yahoo Grid CSS
  • Introducing web page grids
  • Extending the use of web page grids
  • Combining templates and special grids

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Using Web Page Grids in Yahoo Grid CSS


    (Page 1 of 4 )

    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.

    Introduction

    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!

    More Style Sheets Articles
    More By Alejandro Gervasio


       · The Yahoo Grid CSS framework offers a feature called "web page grids", a concept...
     

    STYLE SHEETS ARTICLES

    - Image Replacement CSS Techniques
    - Using BlueTrip`s Success, Notice and Error C...
    - More Uses for the Thin and Caps CSS Classes ...
    - Styling Definition Lists with the BlueTrip C...
    - Styling Unordered and Ordered HTML Lists wit...
    - Using the BlueTrip CSS Framework`s Thin and ...
    - Adding Borders to Web Page Columns with Blue...
    - Introducing the BlueTrip CSS Framework
    - Using a Background Grid to Assist Web Page L...
    - Extending the Rule Of Thirds for Web Page La...
    - A Two-Column Web Page Layout Based on the Ru...
    - Using the Rule Of Thirds for Web Page Layout
    - Swapping Columns Using the Divine Ratio for ...
    - Using the Golden Ratio in Liquid Web Page De...
    - Fundamental Design Principles for Web Page L...







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 3 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek