Tag Archives: responsive-design

Style Guide – A responsive, proportional, nestable, 6-column grid framework

The framework is built around a combination of these three elements: container, fields, and region. The container class sets the max-width of the page and centers it horizontally. It also sets the left and right margins on small screens. The fields class defines horizontal divisions of the page. (They can be thought of as “rows”) The region class creates veritcal divisions of the page with defined sizes for containing content. (They can be thought of as “columns”)

Style Guide – A responsive, proportional, nestable, 6-column grid framework

The framework is built around a combination of these three elements: container, fields, and region. The container class sets the max-width of the page and centers it horizontally. It also sets the left and right margins on small screens. The fields class defines horizontal divisions of the page. (They can be thought of as “rows”) The region class creates veritcal divisions of the page with defined sizes for containing content. (They can be thought of as “columns”)

skel.js: A framework for building responsive sites and apps.

A lightweight frontend framework for building responsive sites and apps. // A sophisticated 12 column CSS grid system with tons of cool features and a concise, uncluttered syntax. // A streamlined replacement for CSS media queries that's intelligent and extremely easy to work with. // Handy shortcuts to deal with common CSS tasks, like browser resets and global box model changes. // Opens the door to doing even more with skel.js, both now (with the upcoming UI plugin) and into the future.

skel.js: A framework for building responsive sites and apps.

A lightweight frontend framework for building responsive sites and apps. // A sophisticated 12 column CSS grid system with tons of cool features and a concise, uncluttered syntax. // A streamlined replacement for CSS media queries that's intelligent and extremely easy to work with. // Handy shortcuts to deal with common CSS tasks, like browser resets and global box model changes. // Opens the door to doing even more with skel.js, both now (with the upcoming UI plugin) and into the future.