Golden Grid System v1.01

It's made of 16 columns, with 2 extra columns for margins, all even.
Can be combined into 8 columns or 4 columns as needed.
A demo is included with the download package.
Here are some key features of "Golden Grid System":
· Golden Gridlet
· Zoomable baseline grid
· Elastic gutters
· Folding columns
Components:
· GGS.html contains the required markup (namely the meta viewport tag) and a simple demo.
· GGS.css contains the meat of GGS, with some demo code filled in. Details about its contents are scattered in CSS comments throughout the file.
· GGS.less is the LESS source of GGS.css. It offers some customization for power users, and works as a nice starting point for LESS users.
· GGS.js contains Golden Gridlet, a script that overlays the GGS grid and a baseline grid of 1.5em onto the page. Can be customized around the top of the file. Powered by the Ender library.

Related Scripts

  • The Golden Grid 1.0 beta
    It's meant to be a CSS tool for grid based web sites, being inspired from the 960 Grid System. Here are some key features of "The Golden Grid":· ...
  • Golden Bootstrap 1.61803399
    Golden Bootstrap adjusts Twitter's Bootstrap grid layout so columns display according to the famous Golden Ratio  design principles.Golden Bootst...
  • Model A Sunflower With The Golden Ratio
    The Golden Ratio is sometimes called the Divine Proportion because it is often observed in nature, and some believe that it is God's signature.The sun...
  • Gspiral-php
    In geometry, a golden spiral is a logarithmic spiral the graphical depiction of the golden ratio equation. Requirements:· GD library· Imagic...
  • 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...
  • 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...
  • 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...
  • 520 Grid System 20101106
    Modeled after 960 Grid System, the framework provides a 520 pixels wide layout.It includes 16px left and right margin around the container.It is made ...
  • Simple Grid
    Simple Grid will help developers create HTML pages that automatically resize and adjust based on the user's screen size.This means it's perfect for mo...
  • Golden Section Search And Davidon Fletcher Powell
    Golden Section search for minimizing a nonlinear function in one dimension Davidon-Fletcher-Powell (DFP) method. This is a method to solve an unconstr...
  • The Square Grid 0.1
    The Square Grid is not a fully blown CSS framework like Skeleton, Gumby or HTML Kickstart, but a mere grid system for easily arranging the content on ...
  • 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...
  • Grid Forms
    Grid forms uses a CSS-based grid system to arrange form fields in positions that mimic the style of regular administrative papers or financial documen...
  • Photoset Grid 1.0.1
    The Tumblr photoset is an unique layout used widely on the blogging platform to display large image collections. It works like a grid system, only it ...
  • 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...
  • Easy Grids
    The pack contains 4 grid systems, one of them implementing a Flex model (Webkit browsers only).Grid 3 is the only one with legacy IE7 support.The 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...
  • Percent Grid System 1.0
    It provides a predefined grid on which content is overlayed based on its assigned class.Column widths are expressed in percentage and not absolute val...
  • Baseweb v0.8
    Written in LESS, allows developers to deploy and start adding content to their website.BaseWeb is mobile friendly and comes with a built-in grid syste...
  • {css}designergrid 1.7.5
    Overlays a temporary grid system over a page for properly aligning elements on it.Overlays the grid itself, some rulers on top for measurements and a ...
DMCA Notice-Privacy Policy
2004 - 2013 DownScripts. All rights reserved.