A List Apart

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


Ask Dr. Web with Jeffrey Zeldman

Looking for Love: Standing Out from the Crowd of Web Job Seekers

You have a solid resume, but can’t seem to connect with the right job. Maybe it's not you. Jeffrey Zeldman suggests reconsidering your career niche or refocusing your work persona. It could open fresh hiring tracks just waiting for the right candidate—you.

From the Blog

Career Consultation with Dr. Web—Live

Your career is alive, complex, and trying to grow in the right direction—but finding that path can be confusing. When you don’t know what you don’t know, or need just a nudge to kickstart your next step, a healthy dose of guidance can do the trick. In a live Q&A this December, Jeffrey Zeldman brings “Ask Dr. Web” to ALA events, answering viewer questions in real time with cohost Sarah Parmenter.