Gridless

Make future-proof responsive websites with ease.

Gridless is an opinionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

DBY (Don't Bore Yourself) approach

Gridless takes the boring parts of making websites and webapps out. It comes packed with everything you're tired of doing in every new project: CSS normalization, beautiful typography, a well-organized folder structure, IE bugfixes and other nice tricks.

Progressive responsiveness

Gridless uses mobile first responsive web design to adapt itself to the device's width. This means it'll work anywhere: old feature phones, newer smartphones, tablets, notebooks and bigger desktops. IE6/7/8 don't support media queries, so we use Respond.js to polyfill that.

Agnostic starting point

Gridless is extremely simple and straightforward. It doesn't come with any predefined grid systems or non-semantic classes. Gridless is meant to be a starting point, which should be edited, tweaked and overwritten to suit each project's design requirements.

Source code

Fork me on GitHub: frankpf/gridless-boilerplate

Gridless is open-source, licensed under Unlicense. If you'd like to contribute, clone the GitHub repo, send a pull request or an issue.

$ git clone git://github.com/frankpf/gridless-boilerplate.git

Browser support

Gridless is cross-browser compatible:

Even though some of these browsers are very recent, Gridless should work in any modern browser.