Web field Manual - Design

Stop coding non-responsive sites. Let users view sites from anywhere.

Try Skeleton

John Allsop

Grids & Typography

“The web’s greatest strength, I believe, is often seen as a limitation, as a defect. It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility and produce pages which, by being flexible, are accessible to all.”

Steve Jobs

Inspiration

“When you’re a carpenter making a beautiful chest of drawers, you’re not going to use a piece of plywood on the back, even though it faces the wall and nobody will see it. You’ll know it’s there, so you’re going to use a beautiful piece of wood on the back. For you to sleep well at night, the aesthetic, the quality, has to be carried all the way through.”

Toolbox

Resources

Stephan Hay

Workflow

“We’re not designing pages, we’re designing systems of components.”

Need help getting started?

Skeleton is an amazingly easy place to start with responsive development. If you want to learn more, just visit the documentation!

View Cool Design Website

Responsive Images

Skeleton images sit easily in grid with .u-max-full-width class. I suggest exploring solution to serving different images based on device size.