A List Apart

Menu
Issue № 386

Surveying the Big Screen

by Mike Pick23 Comments

We’ve been designing responsively for more than three years, now, and have the small-screen pattern libraries and portfolios to prove it. But what about larger screens? While we commonly use liquid design for smaller breakpoints, allowing our content to expand and contract as needed, few of us consider what happens beyond a maximum width of 960 pixels or so—which can leave a heap of unused pixels on a contemporary desktop display. Mike Pick explores how to use negative space, scale, density, and layout devices such as grids, modules, and columns to break through the 1024-pixel layout barrier.

Designing Offline-First Web Apps

by Alex Feyerke

We assume our users are like us—with the latest devices, the most recent software, and the fastest connections. And while we may maintain a veritable zoo of older devices and browsers for testing, we spend most of our time building from the comfort of our modern, always-online desktop devices. But what happens when our users descend into the subway, board a plane, go to live in the country, or just happen to find themselves in the wrong corner of the room? The truth is, offline is a fact of life—but there are ways to design for it. Alex Feyerke tells all.

More from A List Apart

Columnists

Rian van der Merwe on A View from a Different Valley

Work Life Imbalance

Workspaces now include the comforts of home, and homes are filled with devices that connect us to work. It’s time to reconsider our enthusiasm for being available to deal with work any time, day or night. The balance we thought we’d find is tipped heavily toward productivity, to the detriment of exploration, inspiration, and regeneration.

From the Blog

Getting Started With CSS Audits

This week I wrote about conducting CSS audits to organize your code, keeping it clean and performant—resulting in faster sites that are easier to maintain. Now that you understand the hows and whys of auditing, let’s take a look at some more resources that will help you maintain your CSS architecture. Here are some I’ve recently discovered and find helpful.