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

Using wireframe tools

Wireframe is a visual guide that helps to craft your website structure, and its main focus lies in functionality, behavior, and priority of content. It should be the first step of any project because it makes it easier to analyse the information architecture and arrangement of the visual elements.

Wireframe.cc (http://wireframe.cc/) is an easy way to start our project. This tool is great to do something quick but with low fidelity. For detailed works, there are better tools such as Balsamiq Mockups or Pencil.

The usage of Wireframe.cc is very simple. After entering in the tool's site, perform the following:

  1. On the top-left corner choose the device.
  2. Then click on setting to redefine our container width if necessary.
  3. Now click-and-drag ...

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