There are total of 384 web showcases. Submit yours today for free.
Short Announcement: Web2.0 Word, new added service that exclusively for Refreshi Inc. Have a visit.
Home » Weblog » Archive » 2009 » April » 25 » Blueprint: The CSS Framework
 

[Frameworks]
Blueprint: The CSS Framework

A well structured frameworks in Css and programming are very important for developing websites. An introduced Blueprint will be good as a foundation for any web development projects. A great news for the designers to save lot of time on their works.

What is the Blueprint?
It is a Css framework that designed to cut down the development time and ensure the cross-browser compatibility when working with the Cascading Style Sheets (Css). It serves as a foundation for many tools designed to make Css development easier and more accessible even for the beginners to start a new project.

Blueprint gives you a solid foundation to build your project with an friendly grid, sensible typography, useful plug-ins and also a style-sheet for printing.

Blueprint - Sample Page

What does Blueprint offering?
1. A Css reset that eliminates the discrepancies across browsers.
2. A solid grid that can support the most complex of layouts.
3. Typography based on expert principles that predate the web.
4. A typographic baseline.
5. From styles for great looking user interfaces.
6. Print styles for making any webpage ready for paper.
7. Plug-ins for buttons, tabs and sprites.
8. Tools, editors and templates for every step in your work flow.
9. Power scripts for customization.
10. Absolutely no bloat.

Blueprint has its grid-building tools, however the grid is fully customizable. If you want to customize the columns and rows with other standard of width and height, you may use the Blueprint grid Css generator tool. It provides a replacement grids.css file, but it also creates a grid.png image file for use as background image during development.

Blueprint - Forms

Best practices
When using Blueprint, it is important to read all of the included Css and understand what everything does and how it works before you dive in deeply. Do not miss out some important elements like the .border, .colborder, .box, and .hide classes. Do not ever edit Blueprint’ s files, and it is good practice to include your own style sheets and override Blueprint because editing Blueprint’s Css files will make upgrading to the latest version of the framework more difficult. Keep your work separate from the Blueprint framework. Everyone is free to download the Blueprint, Css framework to have a try and enjoy the benefits.

One Response to “Blueprint: The CSS Framework”
Leave a Reply

 
 
 
Close
E-mail It