Post by Pete Watson-Wailes


The original responsive CSS structured library. Powered by LESS and LESS Hat. Available via the OpenDAWS repo.

Upholsterygeist, this site's theme, is powered by it. It also powers the layout of the interactive guide to space exploration, Fly Me to the Moon. Consider both a demo.


OpenDAWS is a LESS framework, built with ideas from or by:

What Opendaws Is

OpenDAWS can be thought of as an structured library; that is to say, it's a set of resets and classes, as well as the logic for grid layouts, but without any of the constraints of a full framework. It comes with a standard grid you can use, but all the components are also available as mixins, so you can apply widths to containing element IDs and classes.

This means that you can create a design limited in width only by the user's viewport size. Want a design that adapts at 320px, 768px, 1024px, 1600px, 1920px, 2560px & 4096px? Easy! You can use the default grid where it makes sense, or use the mixins and remove classes from your HTML, leaving it completely semantic.

...and What It Isn't

This is not a full framework, in the vein of Foundation, Bootstrap or similar.

It's also not an attempt to style everything. Whilst OpenDAWS includes a full set of typographic stacks, and some pleasant defaults for buttons and forms, it's designed to be extended. As such, you're going to want to put your own stamp on it.

It also doesn't care about backwards compatibility. It supports back to IE9 mostly, and 10+ well.



If you liked this post, you should follow me on Twitter

If you're looking for a tabletop gaming group near central London to play with, come join us at Dragons on the Hill.