BluePrint: CSS Framework

Olav Bjorkoy has recently released Blueprint, a CSS framework which he claimed will cut down CSS development time. “CSS framework?”, you said. Yes, now not only  PHP or Javascript who has a framework, its time for CSS to also have a framework.

Olav said that Blueprint will also give a solid CSS foundation to build project with easy to use grid, sensible typho and stylesheet for printing.

How to use Blueprint

First of all, download the latest Blueprint package. The package contains several files, including these CSS file:

  • screen.css
  • print.css
  • lib/grid.css
  • lib/typhography.css
  • lib/reset.css

Just put Blueprint in your site’s CSS directory, then add this code below between the <head> </head>tag.

<link rel=”stylesheet” href=”css/blueprint/screen.css” type=”text/css” media=”screen, projection”>
<link rel=”stylesheet” href=”css/blueprint/print.css” type=”text/css” media=”print”>

And now you’re are ready to make your first site using Blueprint CSS framework. To see some example you can visit these sites:

#

Leave a Reply