A lot of times people ask us to make something that looks similar to already existing website. Many don’t have photoshop, gimp or other image editing software and it is pretty hard for them to explain the visual need. What we often advise is to use the javascript since it is one of the fastest and convenient ways to alter the page. We use this script ourselves sometimes on the mockups. It takes a lot of work to remove some sneaky background or image in the image editor, and this script does simplify things a bit.

You can move, delete, resize and modify elements on the page by clicking on the element that you want to alter. Javascript works right from the browser’s URL bar. Just copy and paste the code below into the browser URL bar, press enter and the content becomes editable:

javascript:document.body.contentEditable=’true’;void 0

Then you can click “print screen” button, open word, paintbrush or an image editor of your choice and “paste” it into the new file.

Below is a simple example of what you can do to a page right from your browser.

Sometimes its just fun to poke around, mess with a few websites and see how it would’ve looked with some adjustments.  Of course there are other tools like firebug that do more, but this is one of the simpler ways to do it.