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.

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.