O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Photoshop grid templates

To facilitate the visualization of columns while creating our design, there is a Photoshop plugin named Guideguide.

The Guideguide plugin (http://guideguide.me/) is supported for some versions of Photoshop, which are: CS5, CS6, and CC. However, if you have Photoshop CS4, Version 2.03 of this plugin will work, but it will no longer be updated with new features. This is a tool that guides us in creating custom guidelines for our Photoshop documents.

After installing the Guideguide plugin and creating a blank file, when we are accessing it in Photoshop, it will open the window shown in the following screenshot; I suggest filling it with the initial values shown, if you are not too familiar with grids:

Then, clicking on the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required