Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 88 lines (66 sloc) 4.052 kb
d3c3f69 @thatcoolguy Initial release
thatcoolguy authored
1 Gridless
0a2fd09 @thatcoolguy Changed the README to markdown format and changed its style
thatcoolguy authored
2 ========
d3c3f69 @thatcoolguy Initial release
thatcoolguy authored
3
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy 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 @thatcoolguy Initial release
thatcoolguy authored
5
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
6 Gridless is simple and isn't littered with pre-defined non-semantic silly classes or pre-made grid systems.
d3c3f69 @thatcoolguy Initial release
thatcoolguy authored
7
8 Main features
9 -------------
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
10
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy 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 @thatcoolguy Initial release
thatcoolguy authored
13 - Cross-browser compatible (even IE6 and 7)
b5f99ec @thatcoolguy updated readme
thatcoolguy authored
14 - CSS normalization instead of CSS reset
d3c3f69 @thatcoolguy Initial release
thatcoolguy authored
15 - A vertical rhythm
16 - Print styles optimized for performance
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
17 - Optimal caching
d3c3f69 @thatcoolguy Initial release
thatcoolguy authored
18 - HTML5 and CSS3 ready
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy 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 @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
24 -------
25
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy authored
26 Major components:
c9c8e77 @thatcoolguy little README fix
thatcoolguy authored
27
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy authored
28 - HTML5 shim: [MIT][MIT] license
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
29 - [Eric Meyer's CSS reset][eric css reset]: Public domain
30 - [Respond.js][respondjs]: [MIT][MIT]/[GPLv2][GPL]
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy authored
31
32 Everything else:
c9c8e77 @thatcoolguy little README fix
thatcoolguy authored
33
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy authored
34 - [The Unlicense][Unlicense]
35
36 Folder structure
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
37 ----------------
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy 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 @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
48 Thanks
49 ------
17a1d05 @thatcoolguy more info on contributing, little fixes
thatcoolguy authored
50
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy 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 @thatcoolguy Changed the assets folder name from _/ to assets/ because underscore was...
thatcoolguy 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 @thatcoolguy Added more information on the FAQ
thatcoolguy authored
58 CSS grid systems should be used for rapid prototyping (which they're awesome at), not for production.
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
59
17a1d05 @thatcoolguy more info on contributing, little fixes
thatcoolguy authored
60 Browser support
61 ---------------
62
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy 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 @thatcoolguy Changed the assets folder name from _/ to assets/ because underscore was...
thatcoolguy authored
71
72
3d41678 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy authored
73 Contributing
85c330b @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy authored
74 ------------
75
17a1d05 @thatcoolguy more info on contributing, little fixes
thatcoolguy 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 @thatcoolguy More complete README. Still not done, but I'm on the way to README-Drive...
thatcoolguy 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 @thatcoolguy Added FAQ and Thanks section to README, changed the code font stack to r...
thatcoolguy 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.