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:
On the top-left corner choose the device.
Then click on setting to redefine our container width if necessary.
Now click-and-drag to draw.
After this, select the appropriate stencil.
If you chose a wrong stencil, just double-click on it to edit it.