A List Apart

Menu
Issue № 374

Designing in the browser was only the beginning. Kick your interactive mockups up a notch with Node.js.

Even Better In-Browser Mockups with Node.js

by Garann Means · 13 Comments

Designing in the browser has all sorts of benefits, like producing more accurate, comprehensive results and removing the extra step of converting from image file to markup and CSS. But even sites designed in a browser still require pasting in content, faking interactions with the server, and creating placeholder JavaScript that isn’t usable on the live site. Wouldn’t it be nice if we could go from just designing layouts and interactions to designing the whole client side of the application during the same process? We can, says Garann Means in the first of two articles explaining how Node.js can streamline your design process.

Node at Work: A Walkthrough

by Garann Means · 20 Comments

In “Even Better In-Browser Mockups with Node.js,” Garann Means explained why Node.js makes designing applications easier and more efficient, and how to get started. Now it’s time to see your new design process in action. In this walkthrough, we’ll build a feature for a mock art store, complete with live demo and GitHub repository. Follow along at home (or in your cubicle) and you’ll have a mockup that mimics the interactions it will have with its production server precisely on the client—without the need for hard-coded data or temporary workarounds.

More from A List Apart

Columnists

Rachel Andrew on the Business of Web Dev

Software Audits for the Tiny Business

Routine software audits sound like just about the most boring thing in the world. But losing access to a DNS server, missing important alerts from a developer, or paying for a forgotten service are adventures nobody needs. Often, a contractor or an employee sets up an account or buys software for company use. When that person moves to another role, important license or login information can get lost in the shuffle. Rachel Andrew wants you to love the drab old software audit. It’s your best ally for preventing nasty surprises.

From the Blog

Feedback Phases and Personas

You want feedback in the early stages of any project, but how can you make sure you're getting the most out of it? Anthony Colangelo recommends a five-stage feedback process to gather input from unique feedback personas every step of the way.

On Our Radar: Precious Humans

There are plenty of links and a minimum of one (1) gif awaiting you, as always, in this week's On Our Radar. But first, we want to talk about someone who has inspired all of us: Molly Holzschlag, an influential web standards champion and dear friend.