Responsable Framework – A clean responsive grid with LESS and SASS

Framework / Added on April 11, 2013 / Add to favorites

Responsable is a responsive HTML CSS LESS SCSS framework with clean markup, normalized CSS, and responsive images. It allows for nested columns for easy grid nesting and customization, and provides base styles for forms, tables, and typography for faster startup on your projects.

responsable

  • Jt

    When a grid ends at 960 it feels more to me like a Tablet/Phone framework than a truly responsive web framework. If we’re being responsive we should support all devices — including iMacs that have been around for almost a decade which have a 2550 wide screen, not to mention the new displays I heard are coming soon which are something like 3X HD. Granted, a developer can turn these larger formats off if they don’t feel they are important, but for a framework, I can’t understand lacking them, and 960 is really getting to a point where a site feels old simply because of its width.

    Don’t get me wrong, this framework is nice. Very clean. But we’re seeing a lot of those and it just seems to me like the ones that stop at 960 miss the boat on what “responsive” is for.

    • Abban

      Responsable can be set with any max width you like including percentages so you can set it to 100% and your content will fill your massive screen.

      • Jt

        Fair enough, but is it really that simple? In my experience to add a breakpoint to a framework you have to re-write a lot of the framework at which point you somewhat defeat the purpose of using one. But perhaps that’s not the case here as I can certainly envision a situation where the entire layout sizing depended on the width of the container.

        • Abban

          Yeah, the grid is handled totally by less/scss making it very simple to break to smaller sizes. If you had an element thats 6 columns on large screens and full width on smaller it would be #el{.column(6);} then in your breakpoint #el{.column(12);} Simple as that!