Gridset for design
Designing grids with Gridset is as easy as dragging guides in Photoshop or Fireworks. Gridset provides whatever you need: PNGs, a comprehensive cheat sheet and CSS.
See Gridset in actionDesigning grids with Gridset is as easy as dragging guides in Photoshop or Fireworks. Gridset provides whatever you need: PNGs, a comprehensive cheat sheet and CSS.
Put the calculator back in the drawer. By simply adding classes to your HTML, Gridset allows you to build responsive prototypes fast, without doing any maths.
Gridset provides all the measurements and tools you’ll need to integrate with your existing markup, without the need for any new classes or HTML.
When it comes to trying layout ideas, speed is key. Prototypes are a great tool to test assumptions and build consensus fast. This tutorial will walk you through all of the steps, code examples, and videos you need to speed up your prototyping process while keeping an eye across all viewport sizes.
We web designers strive for mastery of typography, graphic design history, and theory because our design heritage matters. Gridset makes precise layout easy, sure, but more importantly: it offers us dignity. It helps us make meaningful, web-native decisions about our compositions, and doesn't prescribe solutions. It is simply a good tool.”Tim Brown, Typekit
Responsive design is a challenge. Gridset app takes the pain, and a lot of the work, out of creating grids that work across multiple viewports. A simple, uncluttered UI, easy to implement stylesheets, and even options to share your grids, makes for a rich, intuitive app that does one thing and does it very well indeed.”John Boardley, I Love Typography