Web Design Tool: Maki App

Maki App
Maki App Bookmarklet

Maki App… My long lost web design helper. I lost the link for this but recently rediscovered it. If you are coding a website based on a design that was originally built in Photoshop, Maki App is a must-have tool. The old school way of marking up code to match a JPG would be to temporarily add the mockup JPG as a background image and adjust items on top of the background.

But there is a better way! Maki App allows you to overlay the background on top of your site and adjust the opacity. A heaven sent tool for front-end developers.

Maki App Screenshot

Additionally, if you’re a web designer that prefers or has the flexibilty to design within the browser, Make Your Mockup in Markup is a great article to check out.

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>