An awesome boilerplate for responsive, cross-browser websites
Extracted Page: http://thatcoolguy.github.com/gridless-boilerplate/An awesome boilerplate for responsive, cross-browser websites
Gridless is an awesome HTML5 and CSS3 framework for making responsive, cross-browser websites with beautiful typography.
Gridless has a simple approach on markup and styles. There aren't any pre-made grid systems and the CSS isn't littered with silly classes. Gridless is only a starting point, that should be edited to suit each project's needs.
- Responsive (responds to the user's device screen width with the adequated CSS)
- Progressive enhancement and mobile first
- Cross-browser compatible (even IE6 and 7)
- CSS normalization instead of CSS reset
- Beautiful typography with a vertical rhythm
- Print styles optimized for performance
- Optimal caching
- HTML5 and CSS3 ready
- Safe CSS hacks instead of conditional classnames/stylesheets
- Micro clearfix hack
- A well-organized folder structure
Clone the project with git using:
$ git clone git://github.com/thatcoolguy/gridless-boilerplate.git
Check out the demo
Internet Explorer 6+, Mozilla Firefox 3.6+, Google Chrome 11+, Opera 11+, Safari 5+
Although some of these browsers are very recent, Gridless should work in any modern browser without problems.
If you'd like to contribute to Gridless, visit 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!
Eric Meyer, Scott Jehl, Jeremy Keith, Ethan Marcotte, Oliver Reichenstein, Wilson Miner, Bryan Rieger, Paul Irish, Harry Roberts, Nicolas Gallagher, Mathias Bynens, Luke Wroblewski, Kroc Camen, Chris Coyier, Richard Rutter, Remy Sharp and many others.