Style Sheets
  Home arrow Style Sheets arrow Template Presets for the 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

Template Presets for the Yahoo Grid CSS
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 5
    2007-08-22

    Table of Contents:
  • Template Presets for the Yahoo Grid CSS
  • Using customized web page templates with the Yahoo Grid CSS framework
  • Building web pages with custom widths
  • Introducing the concept of web page presets

  • 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


    Template Presets for the Yahoo Grid CSS


    (Page 1 of 4 )

    If you're looking for a fast way to set up a professional-looking web site, this series of articles may be just what you need. It shows you how to use Yahoo Grid CSS, a CSS library that will help you build web pages quickly.

    Introduction

    The term "framework" has became extremely popular with web designers and developers these days. Indeed, there is a noticeable proliferation of pre-built software libraries that allow users to quickly tackle the most common tasks associated with the disciplines covered by the vast area of web development.

    Based upon the "framework" concept, Yahoo has recently released a library which will let you build both simple and complex web page layouts in a very short time. If you're interested in learning how to put this CSS package to work for you, then you'll want to start reading this series of articles now.

    Welcome to the second part of the series that began with "Using Yahoo Grid CSS." As stated earlier, this series steps you through using the most relevant features provided by this CSS library, and complements all of the theoretical concepts with several illustrative hands-on examples.

    If you already read the previous article of the series, building basic web page layouts using the wealth of predefined templates bundled with this Yahoo library is now a familiar process to you. As you'll recall, in that tutorial I demonstrated how to create some primitive web documents by using the set of basic templates packaged with the framework. In doing so, it was possible to build a few primitive web pages that used the pre-built "doc," "doc2" and "doc3" templates provided by the CSS package.

    However, the Yahoo Grid CSS framework not only provides web designers with the capacity for creating basic web page layouts using the built-in templates that you learned in the previous tutorial, but it allows users to define customized templates. Additionally, the CSS library incorporates some useful web document layout presets for easily building two and three-column web pages, or even more complex combinations.

    In this part of the series I'll be taking a close look at these features and capabilities, so you can grasp quickly how to put them to work.

    All right, with the preliminaries out of the way, let's continue exploring the capacities of the Yahoo Grid CSS framework. Let's get started!

    More Style Sheets Articles
    More By Alejandro Gervasio


       · This second part of the series goes through the utilization of the different web...
     

    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 2 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek