Coding a live nongraphical wireframe using the index card exercise and paper prototyping
So with the index card exercise done, the next step in the website design process is to take the resulting information architecture and create a nongraphical wireframe. Imagine your monitor as the blank canvas of an artist. Before the artist begins paintings often times he or she draws an outline. That's what we're going to do, . . .
Susy 2 with the Breakpoint gem on Rails 4
I introduced the three main components of Responsive Web Design which included flexible grids. To implement a flexible grid system, this article introduces the Breakpoint gem, a Sass plugin, and Susy, a Compass-based grid system that will handle all the flexible-grid-math-calculation heavy lifting for you.
Your markup, your . . .