|
1 Blueprint CSS framework (http://bjorkoy.com/blueprint) |
|
2 ---------------------------------------------------------------- |
|
3 |
|
4 Welcome to Blueprint! This is a CSS framework designed to |
|
5 cut down on your CSS development time. It gives you a solid |
|
6 foundation to build your own CSS on. Here are some of the |
|
7 features BP provides out-of-the-box: |
|
8 |
|
9 * An easily customizable grid |
|
10 * Sensible default typography |
|
11 * A typographic baseline |
|
12 * Perfected browser CSS reset |
|
13 * A stylesheet for printing |
|
14 * Absolutely no bloat |
|
15 |
|
16 |
|
17 Setup instructions |
|
18 ---------------------------------------------------------------- |
|
19 |
|
20 Here's how you set up Blueprint on your site. |
|
21 |
|
22 1) Upload BP to your server, and place it in whatever folder |
|
23 you'd like. A good choice would be your CSS folder. |
|
24 |
|
25 2) Add the following lines to every <head> section of your |
|
26 site. Make sure the link path is correct (here, BP is in my CSS folder): |
|
27 |
|
28 <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> |
|
29 <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> |
|
30 |
|
31 3) That's it! Blueprint is now ready to shine. |
|
32 |
|
33 |
|
34 How to use Blueprint |
|
35 ---------------------------------------------------------------- |
|
36 |
|
37 Here's a quick primer on how to use BP: |
|
38 http://code.google.com/p/blueprintcss/wiki/Tutorial |
|
39 |
|
40 Each file is also heavily commented, so you'll learn a |
|
41 lot by reading through them. |
|
42 |
|
43 |
|
44 Files in Blueprint |
|
45 ---------------------------------------------------------------- |
|
46 |
|
47 The framework has a few files you should check out. Every file |
|
48 contains lots of (hopefully) clarifying comments. |
|
49 |
|
50 * screen.css |
|
51 This is the main file of the framework. It imports other CSS |
|
52 files from the "lib" directory, and should be included on |
|
53 every page. |
|
54 |
|
55 * print.css |
|
56 This file sets some default print rules, so that printed versions |
|
57 of your site looks better than they usually would. It should be |
|
58 included on every page. |
|
59 |
|
60 * lib/grid.css |
|
61 This file sets up the grid (it's true). It has a lot of classes |
|
62 you apply to divs to set up any sort of column-based grid. |
|
63 |
|
64 * lib/typography.css |
|
65 This file sets some default typography. It also has a few |
|
66 methods for some really fancy stuff to do with your text. |
|
67 |
|
68 * lib/reset.css |
|
69 This file resets CSS values that browsers tend to set for you. |
|
70 |
|
71 |
|
72 Credits |
|
73 ---------------------------------------------------------------- |
|
74 |
|
75 Many parts of BP are directly inspired by other peoples work. |
|
76 You may thank them for their brilliance. However, *do not* ask |
|
77 them for support or any kind of help with BP. |
|
78 |
|
79 * Jeff Croft [jeffcroft.com] |
|
80 * Nathan Borror [playgroundblues.com] |
|
81 * Christian Metts [mintchaos.com] |
|
82 * Wilson Miner [wilsonminer.com] |
|
83 * The Typogrify Project [code.google.com/p/typogrify] |
|
84 * Eric Meyer [meyerweb.com/eric] |
|
85 * Angus Turnbull [twinhelix.com] |
|
86 * Khoi Vinh [subtraction.com] |
|
87 |
|
88 Questions, comments, suggestions or bug reports all go to |
|
89 olav at bjorkoy dot com. Thanks for your interest! |
|
90 |
|
91 |
|
92 == By Olav Bjorkoy |
|
93 == http://bjorkoy.com |