Style Sheets
  Home arrow Style Sheets arrow Introducing the BlueTrip CSS Framework
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

Introducing the BlueTrip CSS Framework
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2009-11-11

    Table of Contents:
  • Introducing the BlueTrip CSS Framework
  • Using BlueTrip CSS to create a basic web page layout
  • Adding the CSS files
  • Hiding the background grid from view

  • 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


    Introducing the BlueTrip CSS Framework


    (Page 1 of 4 )

    If you're looking for a good CSS framework for CSS beginners, look no further. This multi-part series introduces you to the BlueTrip CSS framework. In this first part, I will explain how to develop a basic web page design by using the core CSS classes provided by the framework. As you'll soon see, this process is quite straightforward, even if you currently don’t have a strong CSS background.

    If you've been keeping up to date with the latest trends that rule the world of modern web design, then surely you'll be aware of the growing popularity of CSS frameworks. Indeed, there's a huge number of designers who use them extensively in their projects nowadays. Frameworks allow users to build complex web page layouts that will be rendered consistently across different browsers, without having to create web pages from scratch.

    As with other pieces of software aimed at reducing development time, CSS frameworks have pros and cons that should be carefully evaluated. Of course, one of their most significant pitfalls is that the CSS classes included with them lack  true semantic meaning. Some purist designers will refuse to use frameworks for that very reason, but for others, this side effect will simply be irrelevant.

    On the other hand, good and well-trusted CSS frameworks, like BluePrint CSS for instance, include truly handy features, like proven styles reset capabilities and the ability to create web page layouts using a consistent grid. In short, regardless of the opinions you may have (or have heard) about them, CSS frameworks are here to stay, and some of the most powerful ones deserve a close look.

    In this group of articles I'm going to explore in depth the BlueTrip CSS framework (http://bluetrip.org), which claims to put together the best features provided by the aforementioned BluePrint CSS and Tripoli, yet another popular contender in this dynamic terrain.

    Personally, I've been using BlueTrip CSS for a few months for building grid-based web page designs and I found it very easy to learn. Plus, it comes with a neat group of reset, print and text styles that will make your life much easier, especially if you need to develop websites with a tight headline.

    Thus, in the next few lines I'm going to introduce you as gently as possible to building web page layouts with the BlueTrip CSS framework, so you can quickly start using it within your own web projects.

    Are you ready to begin this brand new educational journey? Then let's jump in right now!

    More Style Sheets Articles
    More By Alejandro Gervasio


       · Similar to others, the BlueTrip CSS framework lets you build web page layouts very...
       · I have implement the above page as it is and download the recent Blue Trip from the...
       · sorry for my fault. i miss the img folder. The grid is now shown. Thanks
       · Good to know you solved your issue.Thanks.
     

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