Ask DN: How are you designing for the Web on a Retina MBP?

10 years ago from , Designer

After a couple quick conversations over twitter yesterday, I thought I'd pose the question here to see how everyone is adapting.

For those using a Retina MBP and designing for the Web, how is your process changing?

A. Are you using a separate monitor for Photoshop? B. Are you constantly zooming between 100% & 200%? C. Are you creating your entire site @2x? D. Are you adding new tools for @2x exports? E. Are you ditching PS altogether and opting to start your design in code? F. Something else way more awesome that could never be contained by a meaningless alphabetical list?


  • Aaron NgAaron Ng, 10 years ago

    I've been doing C, making the whole site at @2x. It's far from an ideal situation since it requires everyone download @2x images- but it also means that they'll look the same on both Retina and non-retina screens.

    For Photoshop specifically, I use A to make sure everything looks okay @1x.

    0 points
    • Account deleted 10 years ago

      You could also have raster assets in two sizes and serve up the bigger ones to just retina screens. http://retinajs.com

      0 points
  • ポール ウェッブポール ウェッブ, 10 years ago

    Just code baby!

    0 points
  • Manik RatheeManik Rathee, 10 years ago

    I'm still designing at 1x - I do a ton of wireframing and basic design in fireworks/photoshop and then the majority of my iterations are done in browser.

    I've also moved as far away from static graphics as possible - css3, symbol fonts, etc are definitely the way to go.

    0 points
  • Antoine Llorca, 10 years ago

    B for SVG assets, when I'm not using a custom icon font. Otherwise, E.

    0 points
  • Allan GrinshteinAllan Grinshtein, 10 years ago

    I'm doing most of the design work on a retina monitor with 2x PSDs, and occasionally hopping into a bigger monitor.

    The biggest change is that I try to export most stuff to SVG, which is a bit of a pain. Photoshop -> Smart Object -> Illustrator.

    0 points
  • Sven ReadSven Read, 10 years ago

    E: I actually designed like this anyway. But now I even more try to solve visual stuff via CSS, SVG or Iconfonts. I hardly use photoshop anymore.

    0 points
    • Robb Schiller, 10 years ago

      Seems like this is the best answer. Makes me wonder if the current ramifications of device/pixel options will drive conversion to starting web design with code.

      I've been trying to do more of this myself as well. For sites and products.. Having fun learning the ways of the bbb init

      0 points