A List Apart

Menu
Issue № 363

Rethinking design, from comping to grids.

The Infinite Grid

by Chris Armstrong28 Comments

Grid systems are a key component of graphic design, but they’ve always been designed for canvases with fixed dimensions. Until now. Today you’re designing for a medium that has no fixed dimensions, a medium that can and will shape-shift to better suit its environment—a medium capable of displaying a single layout on a smartphone, a billboard in Times Square, and everything in between. You’re designing for an infinite canvas—and for that, you need an infinite grid system. Discover techniques and guidelines that can help bring structure to your content whatever the screen size.

Responsive Comping: Obtaining Signoff without Mockups

by Matt Griffin49 Comments

If you’re making websites, chances are you’ve given some thought to what constitutes a responsive-friendly design process—and you’ve probably found that adding a mockup for every breakpoint isn’t a sustainable approach. Designing in code sounds like the answer, but you may be mystified at where to begin—or feel unmoored and disoriented at the prospect of giving up the approach you’ve long relied on. Enter responsive comping. This new, mockup-less web design process makes it easy to get that Photoshop monkey off your back, and have a fresh new beginning with your old friend the web browser.

More from A List Apart

Columnists

Cennydd Bowles on UX & Design

Letter to a Junior Designer

When you’re starting out in design you hunger to fix all the things. Your imagination and passion are boundless. So what turns a junior designer into a seasoned pro? It’s more than experience—it’s an ability to be in the moment and be a whole person.

From the Blog

Syntax Highlighting Outside Your Editor

Whether you’re giving a talk, sharing work with your team, or presenting work to your clients, there comes a time when you’ll need to show code outside of a text editor. Copying and pasting code from a text editor to say, Keynote, is an easy process. The difficulties come in when you want to preserve syntax highlighting, which is crucial to bringing code to life.