Layout

Before we get started, let’s get one thing straight: I ♥ CSS3. I understand that we’ve never had it so good. In fact, I have no doubt that time-travellers visiting from 2004 would be sick with... Read More
In the last post , we finished our first user story. That user story was pretty simple, but it flushed out the design of our home page. The next user story, As an administrator, I want to invite... Read More
In comparison to the fixed-versus-fluid debate , the argument about designing for particular screen resolutions has been quite tame these past few years. When designers say that a site is designed,... Read More
In Part 2 of this tutorial, we used DataMapper to save tasks to a database back end and created a web front end that used Sinatra to show, add, delete and complete tasks. In this tutorial we will... Read More
 
Back when we were looking at layout blocks done with pencil and paper , I explained that the outer rectangle we were designing within was the containing block. In print design, the containing block... Read More
Not very long ago when we were planning the launch of our humble magazine BuildMobile, which you are reading right now, the content strategy included coverage of the nebulous WebOS mobile operating... Read More
If you’re feeling so overwhelmed by the many resources available that even to contemplate starting a morgue file for inspiration is beyond you, take a few minutes to browse through those sites.... Read More
Most of what we’ve talked about thus far has been design theory. Theory’s helpful, but it can only take us so far towards understanding why some ideas work—and others don’t—in a... Read More
 
Closely related to the idea of unity is the concept of emphasis or dominance. Rather than focusing on the various elements of a design fitting together, emphasis is about making a particular feature... Read More
Design theory describes unity as the way in which the different elements of a composition interact with one another. A unified layout is one that works as a whole rather than being identified as... Read More
In a figurative sense, the concept of visual balance is similar to that of physical balance illustrated by a seesaw. Just as physical objects have weight, so do the elements of a layout. If the... Read More
547-wordpress-thumbnails
Craig's latest WordPress tutorial describes how to add featured image thumbnails of any size to your theme files.Read More
 
Thumbnail
When most people think about grids, they think about engineering and architecture. However, the grid is an essential tool for graphic design as well, and the use of grids in website design have... Read More
 
539-html-email-boilerplate
Craig takes a closer look at The HTML Email Boilerplate, a new project which could help relieve the symptoms caused by HTML email creation.Read More