Tag: jquery

Griddy

A small JQuery plu­gin thats cre­ates a sim­ple, cus­tomiz­able over­lay on top of any element.

Fluid 960 Grid System

A jQuery based fluid grid sys­tem tem­plate based on Nathan Smith’s 960 Grid Sys­tem. Allows mul­ti­ple lay­outs includ­ing 12 or 16 fluid columns and 12 or 16 fixed columns.

Masonry

Masonry is a lay­out plu­gin for jQuery that arranges ele­ments ver­ti­cally then hor­i­zon­tally accord­ing to a grid.

Grid Layout

The Grid Lay­out Javascript enables web-developers to stick to a Grid Lay­out quickly and sim­ply by includ­ing the Grid Lay­outs Javascript file and sim­ple XHTML code.

About

Made popular by the International Typographic Style movement and pioneered by legends like Josef Müller-Brockmann and Wim Crouwel, the grid is the foundation of any solid design. The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

Created by Antonio Carusone, graphic designer and author of the design and typography blog AisleOne. Special thanks to Duane King for his help and wisdom.

For general inquiries or submissions, please send an email to: hello@thegridsystem.org

Subscribe

Want to stay updated with the most recent content? Subscribe below via email for daily updates or to the RSS feed.