SunQuest
 
       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  
Dedicated Servers  
Actuate Whitepapers 
VeriSign Whitepapers 
IBM® developerWorks 
Sun Developer Network 
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
     
    Iron Speed
     
    ADVERTISEMENT

    At the virtual BlackBerry Technical Seminar 2008, you can ask your development questions directly of Research In Motion® (RIM) experts, and take advantage of learning opportunities designed uniquely for BlackBerry solution developers. Register Today!

    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

    - Creating Gradients for Individual Containers...
    - Creating Gradients for Web Page Headers with...
    - SEO Scrolling Frames Problem Solved
    - Building Cross-Browser Background Effects wi...
    - CSS: Pseudo
    - Using PNG Images to Build Background Effects
    - CSS: Continuing the Clarification of CSS Cla...
    - CSS: Top Secret Classification
    - CSS: Dimensions
    - CSS: Margins and Padding
    - CSS: Crossing the Border
    - CSS: Text, Fonts, and Tables
    - CSS: Working with Text
    - CSS: Backgrounds
    - CSS for the Newbie


    Iron Speed





    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway