2013
Discover - Canopy
Find and share amazing products,
all available on Amazon.
GuideGuide
by 2 othersDealing with grids in Photoshop is a pain
With GuideGuide, it doesn’t have to be.
Side Effects
Official Movie Site
2010
The 1140px CSS Grid System/Framework · Fluid down to mobile
by 5 othersThe 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.
Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.
Slammer - Designer's Geometry Box
by 2 othersSlammer overlays any grid you want, anywhere you want. Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots.
2009
960 Grid System
by 27 othersThe 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem
960 Gridder - Lay out websites with ease.
960 Gridder is an excellent tool for any web developer/ designer that wants to easily align, match and/or lay out websites.
Boks - A Visual Grid Editor
by 2 othersBoks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS's framework. It's been designed for those who think the Grid System is good but never really took the time to give it love.
It handles grid configuration, baseline rhythm pimpin', CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!
2008
Grid-Based Design: Six Creative Column Techniques | How-To | Smashing Magazine
by 2 othersGrid systems bring visual structure and balance to site design. As a tool grids are useful for organizing and presenting information. Used properly, they can enhance the user experience by creating predictable patterns for users to follow. From designer’s point of view they allow for an organized methodology for planning systematic layouts.
Allan Jardine | Design
by 6 othersDesign is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet.
1
(10 marks)