https://github.com/schorfes/grid-preview

A webapp to preview customizable responsive grid layouts.
https://github.com/schorfes/grid-preview

Last synced: 3 days ago
JSON representation

A webapp to preview customizable responsive grid layouts.

• Host: GitHub
• URL: https://github.com/schorfes/grid-preview
• Owner: schorfES
• License: mit
• Created: 2013-09-23T15:42:38.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2013-12-13T17:23:39.000Z (almost 11 years ago)
• Last Synced: 2024-10-17T21:32:08.527Z (21 days ago)
• Language: JavaScript
• Homepage: http://schorfes.github.io/grid-preview/
• Size: 688 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [Grid Preview](http://schorfes.github.io/grid-preview/)

A webapp to preview customizable responsive grid layouts. The running version is

located at [http://schorfes.github.io/grid-preview](http://schorfes.github.io/grid-preview/).

## Features

* change amount of columns

* change max-width

* change gutter width

* set units (px / %) of max-width and gutter width

* resize grid without resizing the browser window

* download image of defined grid settings

### future features (todo's)

* share your settings as preview on different devices

* set units in _em_

## Used Javascript Libraries

### Clientside

* [jQuery](http://jquery.com/)

* [jQueryUI](http://jqueryui.com/)

* [jQueryUniform](http://uniformjs.com/)

* [underscore.js](http://underscorejs.org/)

* [Backbone.js](http://backbonejs.org/)

* [Backbone.Marionette.js](http://marionettejs.com/) and Dependencies

* [Backbone.Geppetto](https://github.com/ModelN/backbone.geppetto/)

* [Require.js](http://requirejs.org/)

* [Require.js Text](https://github.com/requirejs/text/)

* [Modernizr](http://modernizr.com/)

* [html2canvas](http://html2canvas.hertzen.com/)

* [spark-md5](https://github.com/satazor/SparkMD5)

### Grunttasks

See [package.json](https://github.com/schorfES/grid-preview/blob/master/package.json)

for dependencies of all used grunttasks.

## License

[LICENSE (MIT)](LICENSE)

This app uses Images form [Subtle Patterns](http://subtlepatterns.com/) which

are licenced under [Creative Commons / CC BY-SA 3.0](http://creativecommons.org/licenses/by-sa/3.0/).

The webfont is [Font Awsome](http://fortawesome.github.io/Font-Awesome/) under

[SIL OFL 1.1](http://scripts.sil.org/OFL) license and taken via

[Fontello](http://fontello.com/)

([MIT license](https://github.com/fontello/fontello/blob/master/LICENSE)).