Category / Design

Avatar photo

Jared Bell

Creative Director @ gskinner
by Jared Bell

Sketch It Out

In the course of every project or endeavour, there is an inevitable need for open discussion and the effective capture of ideas, goals, and requirements. Whether you’re taking notes, doing UI/UX planning, or are deep into design, taking a step back to leverage sketching can prove to be a key part of a productive creative process.

Sketching allows you to freely and more quickly explore concepts and solutions without involving a more rigid digital design tool like Photoshop or Sketch. There are no rules or constraints, just the freeform expression of ideas. Continue reading →

by Chris Caldwell

A Mental Model for Media Queries

Handling layout changes across a broad landscape of devices and browsers typically involves the use of media queries, which enable layouts to bend and flex based on their viewing environment.

Most queries I see are built around the concept of width:

@media screen and (max-width: 640px) {
    body { background-color: blue; }
}

I love the simplicity of this methodology. It’s straightforward, easy to implement, and it works with content that comprises most websites. But what about web-based apps, the website’s younger cousin? Is this model the most effective media query strategy that can help us with the unique challenges of designing web applications? Continue reading →