JPEGmini - Your Photos on a Diet! Home - Pencil Project. Home / QuirkTools / Online Tools for Creative People. When can I use... Support tables for HTML5, CSS3, etc. CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator. When can I use... Support tables for HTML5, CSS3, etc. IE NetRenderer - Browser Compatibility Check - Color Combinations | Color Schemes | Color Palettes. GuideGuide. GuideGuide: Free Plugin For Dealing With Grids In Photoshop. Advertisement This article is the fourth in our new series that introduces the latest, useful and freely available tools and techniques, developed and released by active members of the Web design community.
The first article covered PrefixFree; the second introduced Foundation, a responsive framework; the third presented Sisyphus.js, a library for Gmail-like client-side drafts. Today we are happy to present Cameron McEfee’s Photoshop extension GuideGuide which provides a tool to create pixel accurate columns, rows, midpoints and baselines.
Take a moment and think about creating a multi-column grid in a Photoshop comp. Have your palms started to sweat? (siteWidth - (gutterWidth × (numberOfColumns - 1) ) ÷ numberOfColumns = columnWidth I was sitting at my desk one day doing this exact equation when I thought, “Man, this looks just like code. Enter: GuideGuide Columns and Rows Designing a site that needs multiple columns and gutters? Midpoints Save It For Later The Fun Part Measure Navigation (il)