Responsive Comping: Obtaining Signoff without Mockups

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. At least, that’s what happened at my company, Bearded , where we had spent years creating websites in Photoshop or Illustrator, having those mockups approved by our clients, then recreating those designs with CSS. Until now. A few months ago, we stopped making static image-based mockups in favor of designing with code. This is not a new idea—heck, Andy Clarke was arguing for in-browser design in 2008 . But new or not, you may still be mystified at where to begin—or feel unmoored and disoriented at the prospect of giving up the approach you’ve long relied on. But fear not, gentle reader. Let’s take a look at our new mockup-less web design process and see just how easy it can be to get that Photoshop monkey off your back, and have a fresh new beginning with ...

aahomecare adjustments american andy association audience clarke cms collaboration communications comping css decision development discussion diversion elements enhancements environment experience experiment fluidity functionality git heroku hey homecare html implement impressions information instance interaction invitation location luckily membership navigation nope opinion opportunity organization perfection photoshop practice priority question reaction revision rss samantha sass selection signoff situation sparkbox statement technology twitter url urls warren webkit yep