24 ways: Make Your Mockup in Markup

They wrote about this *now*? I’ve been doing this for years. In fact, I’ve never had the patience (or the masochism) to use Photoshop for a full mockup. All my designs go straight from my Moleskine to Coda.

Posted in link
  • http://fynmark.org/home Tim

    I’ve never had the crash problems – *knock on wood* – in any of the programs people talk about, but I use CS1 as well. I use Photoshop first for about half the design, then say screw it and code it. XP rocks versus your systems, I guess.

  • http://dzine-studios.com Dan

    I use CS3 right now, and CS1 *_was_* a lot more stable, but it’s rather outdated and doesn’t play well with Intel Macs. CS3 crashed just as much on my XP-based laptop as well, back when I used it. What sucks is that there are no good alternatives to Photoshop out there, and Fireworks is absolutely dreadful.

  • Travis

    Very well designed site, but this post reminded me of this Onion article.

    http://www.theonion.com/content/news_briefs/privileged_little_artiste

  • http://dzine-studios.com Dan

    Haha none of that is actually true. I hate coffee, Starbucks, and I just hate those pretentious artsy types. And I use Moleskines because I actually like the paper quality in them.

  • http://net-cake.com Paul D’Amora

    I myself always design a full mock-up in photoshop. But the final site never looks a thing like the original mockup. I’m pretty sure you saw one of the original Net-Cake designs, a lot different from what I have now,

  • http://dzine-studios.com Dan

    Well for personal projects, it wouldn’t make much difference whether to mock up or not, but in a client project it would. For example you mock up the layout in HTML and CSS instead of in an image. All the fancy CSS3 and stuff would look good in one clients’ browser, and it would still look fine in another clients’ non-CSS3 browser. Since there would be no reference image to compare to, both clients would be satisfied, and would not feel left out.