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

Nishant Kothary on the Human Web

“Buy Him A Coffee”

Doing effective work often depends on the cooperation of colleages. Many of us struggle with this aspect of our jobs. Our very reasonable explanations fall on deaf ears. We’re not charismatic or extroverted, and people tune us out. We’re good at what we do, but we’re not “born leaders.” Actually, it’s not arcane knowledge or inborn talent that gives you the ability to win friends and influence people. Nishant Kothary realized that being influential is a skill that you can (and should) develop.

From the Blog

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.

Building to Learn

Whether you're just getting started on the web, or trying to pick up a new framework, Susan Robertson has a radical idea: build something that interests you. Sure, there are courses and tutorials out there to walk you through it, but a project you're actually excited about will help you solidify those skills and make them easier to recall when you need them most.