Skip to content
Newer
Older
100644 88 lines (66 sloc) 3.96 KB
d3c3f69 @frankpf Initial release
frankpf authored
1 Gridless
0a2fd09 @frankpf Changed the README to markdown format and changed its style
frankpf authored
2 ========
d3c3f69 @frankpf Initial release
frankpf authored
3
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
4 Gridless is an HTML5 and CSS3, [one web][one web] boilerplate to help you make progressively-enhanced, [mobile first][mobile first] [responsive][responsive] websites/webapps that have [beautiful typography][100E2R] with a vertical rhythm, sensible styles and are HTML5-ready and cross-browser compatible.
d3c3f69 @frankpf Initial release
frankpf authored
5
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
6 Gridless is simple and isn't littered with pre-defined non-semantic silly classes or pre-made grid systems.
d3c3f69 @frankpf Initial release
frankpf authored
7
8 Main features
9 -------------
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
10
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
11 - [Responsive][responsive] (responds to the user's device screen width with the correct content and CSS)
12 - Progressive enhancement, [mobile first][mobile first]
d3c3f69 @frankpf Initial release
frankpf authored
13 - Cross-browser compatible (even IE6 and 7)
b5f99ec @frankpf updated readme
frankpf authored
14 - CSS normalization instead of CSS reset
d3c3f69 @frankpf Initial release
frankpf authored
15 - A vertical rhythm
16 - Print styles optimized for performance
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
17 - Optimal caching
d3c3f69 @frankpf Initial release
frankpf authored
18 - HTML5 and CSS3 ready
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
19 - [Safe CSS hacks][safe CSS hacks] instead of conditional classnames/stylesheets
20 - [Micro clearfix hack] [clearfix]
21 - A well-organized folder structure
22
23 License
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
24 -------
25
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
26 Major components:
c9c8e77 @frankpf little README fix
frankpf authored
27
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
28 - HTML5 shim: [MIT][MIT] license
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
29 - [Eric Meyer's CSS reset][eric css reset]: Public domain
30 - [Respond.js][respondjs]: [MIT][MIT]/[GPLv2][GPL]
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
31
32 Everything else:
c9c8e77 @frankpf little README fix
frankpf authored
33
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
34 - [The Unlicense][Unlicense]
35
36 Folder structure
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
37 ----------------
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
38
39 - **index.html**: The HTML page with the initial markup
40 - **_/** *(folder)*: The folder that includes all the assets
41 - **css/** *(folder)*: The folder that includes all the CSS files
42 - **main.css**: The main CSS file with basic styles and media queries
43 - **fonts/** *(empty folder)*: The folder where your webfonts reside
44 - **img/** *(empty folder)*: The folder where your images reside
45 - **js/** *(folder)*: The folder that includes all the JavaScript files
46 - **respond.min.js**: Respond.js, which is a polyfill for media queries on older browsers
47
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
48 Thanks
49 ------
17a1d05 @frankpf more info on contributing, little fixes
frankpf authored
50
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
51 [Eric Meyer](http://meyerweb.com), [Scott Jehl](http://www.scottjehl.com/), [Jeremy Keith](http://adactio.com/), [Ethan Marcotte](http://ethanmarcotte.com/), [Oliver Reichenstein](http://www.informationarchitects.jp/), [Wilson Miner](http://www.wilsonminer.com/), [Bryan Rieger](http://yiibu.com/), [Paul Irish](http://paulirish.com/), [Harry Roberts](http://csswizardry.com/), [Nicolas Gallagher](http://nicolasgallagher.com/), [Mathias Bynens](http://mathiasbynens.be), [Luke Wroblewski](http://www.lukew.com/), [Kroc Camen](http://camendesign.com/), [Chris Coyier](http://css-tricks.com/), [Richard Rutter](http://clagnut.com/), [Remy Sharp](http://remysharp.com/) and many others.
52
53 FAQ
54 ---
55
56 ### Why the name **Gridless**? ###
eaf5f66 @frankpf Changed the assets folder name from _/ to assets/ because underscore …
frankpf authored
57 Because Gridless is ...well, gridless. It doesn't have any grid systems. The problem with most other CSS frameworks is that they include grid systems with presentational classes and/or ids without any semantic. Classes and ids should be unique to each project and shouldn't be declared on pre-made documents.
a6c4ebf @frankpf Added more information on the FAQ
frankpf authored
58 CSS grid systems should be used for rapid prototyping (which they're awesome at), not for production.
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
59
17a1d05 @frankpf more info on contributing, little fixes
frankpf authored
60 Browser support
61 ---------------
62
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
63 Gridless was tested in the following browsers:
64 Mozilla Firefox 3.6+
65 Opera 11+
66 Google Chrome 11+
67 Safari 5+
68 Internet Explorer 6+
69
70 Although some of these browsers are very recent, Gridless should work in any modern browser without problems.
eaf5f66 @frankpf Changed the assets folder name from _/ to assets/ because underscore …
frankpf authored
71
72
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
73 Contributing
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
74 ------------
75
17a1d05 @frankpf more info on contributing, little fixes
frankpf authored
76 If you'd like to contribute to Gridless, visit https://github.com/thatcoolguy/gridless-boilerplate and send a pull request or an issue. You can also fork the project or clone it. Do anything, it's open-source!
3d41678 @frankpf More complete README. Still not done, but I'm on the way to README-Dr…
frankpf authored
77
78 [MIT]: http://www.opensource.org/licenses/mit-license.php
79 [Unlicense]: http://unlicense.org/
80 [GPL]: http://www.gnu.org/licenses/gpl-2.0.html
81 [one web]: http://adactio.com/journal/1716/
82 [mobile first]: http://www.lukew.com/ff/entry.asp?933
83 [responsive]: http://www.alistapart.com/articles/responsive-web-design
84 [safe CSS hacks]: http://mathiasbynens.be/notes/safe-css-hacks
85c330b @frankpf Added FAQ and Thanks section to README, changed the code font stack t…
frankpf authored
85 [clearfix]: http://nicolasgallagher.com/micro-clearfix-hack/
86 [respondjs]: https://github.com/scottjehl/Respond
87 [eric css reset]: http://meyerweb.com/eric/tools/css/reset/
88 [100E2R]: http://www.informationarchitects.jp/en/100e2r/
Something went wrong with that request. Please try again.