Resources
-
A better Photoshop Grid For Responsive Web Design
In making the move to responsive web design, one of the potential hurdles is the rather awkward maths for calculating the percentage-based widths necessary for fluid layouts.
-
GuideGuide
Dealing with grids in Photoshop is a pain. With GuideGuide, it doesn't have to be. Pixel accurate columns, rows, midpoints, and baselines can be created based on your document or marquee with the click of a button. Frequently used guide sets can be saved for repeat use. Grids can use multiple types of measurements. Best of all it's free.
-
Frameless
Dig responsive design? Hate fluid grids? Try a Frameless grid.
-
Twitter Bootstrap
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
-
Golden Grid System
Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.
-
Grid calculator and generator
GridCalc is a easy to use grid calculator. Just enter the desired width of your page and an aproximate range for your column and gutter width and the calculator will give you all the possible combinations within the limits you entered. You get a nice visual representation of the results, click preview on a result and you get a better presentation of how the grid can be used. When you have decided which grid configuration you want to use you can download the configuration as a css file to use in your project.
-
Inspire Well
A flexible grid-based premium Tumblr theme that is perfect for sharing creative inspiration. Inspire Well is perfect for mobile photo blogging, design portfolio, and sharing family life.
-
Modular Grid Pattern
Modular Grid Pattern -- is application for web designers, which helps you quickly and easily to create a modular grid in Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design and other.
-
978 Grid
The 978 grid system uses 12 columns at 54px, with extra roomy 30px gutters. This comes out to a total of 978px, which uses up most of the space on a 1024x768 monitor. Almost every computer and tablet in the world today is capable of displaying designs built on this grid.
-
GuideGuide
I give you GuideGuide: a columns, rows and midpoints panel for Photoshop CS4 & CS5