Responsive Grid Builder v0.0.1

Created on top of the Yahoo! User Interface library, Responsive Grid Builder uses YUI Grids to setup a cross-browser and cross-device compatible CSS grid layout for modern-day responsive websites.
Users have the ability of choosing between fixed or fluid grids, setting the total width of the grid container, the number of used columns and custom CSS prefixes for the grid, row and column CSS code.
After the grid has been generated, the CSS code needed to render the grid is displayed under the preview grid.
Requirements:
· JavaScript enabled on client side
· Node.js 0.6 or higher
· Express 2.5 or higher

Related Scripts

  • Jquerin Grid Builder
    jQuerin Grid Builder allows developers to build custom responsive grid layouts using a visual interface.He can add columns, rows, classes, IDs and com...
  • Simple Responsive Grid
    The difference between the Simple Responsive Grid and other grid systems is that it uses some extra JavaScript on top of the standard CSS.Using Ben Al...
  • Responsable 1.0
    Written in CSS, LESS and SCSS alike, Responsable provides all the tools a designer might need to get his responsive website off the ground in no time....
  • Responsive Grid System
    The framework creates a base grid system on which website content can be placed and automatically re-arranged to fit the screen every time the viewpor...
  • Flexbox Grid 3.0.1
    The CSS Flexible Box Layout Module is an unofficial, still under development W3C specification created to support responsive layouts natively.With thi...
  • Fluid Baseline Grid v1.0.0
    FBG (Fluid Baseline Grid) was built rround solid web design and typographic principles.Combines principals of fluid-column layouts, baseline grids and...
  • Simple Responsive Template
    The "Simple Responsive Template" is not a full-blown CSS framework, but just a basic starter kit for building a responsive website.At its core, the Si...
  • Micro-grid.less
    micro-grid.less provides a responsive grid system that works on desktop and mobile devices alike.Unlike many similar tools, this one is written in LES...
  • Tempo
    Developed for BASSCSS Tempo can also work as a standalone tool, allowing developers to use it to add a base on which to build a responsive website on....
  • Singularity 1.0.alpha.2
    Usually, responsive or non-responsive grid systems rely on the fact that all all columns are equal in width, or are a multiple of a singular column.Si...
  • Jquery Grid 0.0.1
    jQuery Grid takes a collection of elements and perfectly arranges them onto a predefined grid layout.Resizing the viewport forces the grid to adjust t...
  • Responsive Boilerplate 2.3
    Responsive Boilerplate provides a set of simple tools for putting together websites that support desktop and mobile environments with the usage of a l...
  • Gumby 2
    Modeled around a 960px wide grid system, Gumby is perfect for the modern day responsive design.Includes templates for a 12 column grid, 16 column grid...
  • The Heads-up Grid 1.5
    Provides an on/off button to show/hide the grid on demand. The overlayed grid system is customizable and allows the developer to debug a website and s...
  • Grid 1.0.0
    Adam Kaplan's Grid is a lightweight grid system created to allow developers to code page templates that render properly on all kind of devices, regard...
  • Pinterest Clone Layout
    If you never noticed, the Pinterest homepage is actually a collection of tiled mosaic elements that are displayed on a responsive grid.As the user res...
  • Universal Grid Alpha
    Written in SASS, this project aims to build an universal grid system for modern responsive designs.An alternative to this project would be Singularity...
  • Pure 0.1.0
    Pure is a collection of CSS and JS modules for powering frontend interface components.It can be used to quickly deploy UI components for current apps ...
  • Gridpak 0.2.7b
    Using a nice GUI, it will allow the user to create the desired responsive grid and download it as a ZIP.The ZIP will include:The PNG(s) image to rende...
  • Animated Responsive Image Grid
    At page load, the script reads a number of columns and rows, the image grid must keep if possible.When resizing the browser, the script works by remov...
DMCA Notice-Privacy Policy
2004 - 2013 DownScripts. All rights reserved.