A List Apart

Menu
Issue № 363

Rethinking design, from comping to grids.

The Infinite Grid

by Chris Armstrong · 28 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 Griffin · 54 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

Rian van der Merwe on A View from a Different Valley

The Distance to Here

The people who determine product strategy move through a world of analysts, media, division leads, shareholders, stakeholders, monetization, and marketability. They seldom get a chance to come back to the corner where users and designers mingle. Rian van der Merwe suspects that increasing the communication distance between the decision makers and the product’s builders and users leads to a loss of perspective—and the results are products with marketable features that no one really needs.

From the Blog

On Our Radar: Faux-Naïve

On our radar these days: Google rebrands. A web animation expert refuses to speak at your conference if it doesn’t have a code of conduct. Preload hints can help you load your web fonts faster. A new site launches that hopes to bridge the gender gap in communication design. Your weekend reading awaits!

On Our Radar: Pretty Advanced Machine Learning

Between bots and blogging, newsrooms are getting into Slack in some very cool ways (take some inspiration and apply for a Knight-Mozilla Fellowship!). Plus more recommended reading: revisiting Cameron’s World; the joy of generalists; the finer points of faving; and one really excellent gif of cats.