Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A little web app that generates responsive YUI Grids CSS
branch: master

This branch is 62 commits behind yui:gh-pages

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
examples/magazine
node_modules
public
.gitignore
LICENSE
Procfile
README.md
docs.html
index.html
package.json
web.js

README.md

Responsive Grid Builder

The Responsive Grid Builder is a little web app that generates responsive CSS based on YUI Grids.

See it in action

Check out the app here.

A little tutorial and an example

The responsive CSS works by adding a single yui3-g-responsive class name, on top of the existing YUI3 Grids syntax. Check out the documentation and a simple example. Here's another example based on bostonglobe.com

Issues and Feature Requests

Please submit all issues and feature requests through Github. It makes it easy to track.

Current Features

  • Creates a grid when user specifies the screen width, number of columns, and "%" or "px" based layout
  • User can make certain elements responsive.
  • User can specify screen widths that they are interested in
  • Preview in various screen sizes (Cinematic Display, Desktop, Tablet, Phone)
  • Outputs CSS

Downloading and running locally

If you want to clone the repo to run the app locally, make sure you run it from the master branch and not the gh-pages branch. The Github pages branch has some slight differences (the assets paths are different). The easiest way to get gridbuilder running locally is to clone the repo and run foreman start.

  • git clone https://github.com/yui/gridbuilder.git
  • cd gridbuilder
  • foreman start
Something went wrong with that request. Please try again.