I am developing WebApps with Backbone, node, jQuery and so on.

In my beginnings I have used Twitter Bootstrap for designs. 
Then I started to use own designs which I have created with the Chrome Addon Stylebit which allows to modify CSS in real time.

Unfortunately this is very time expensive at the end.

So I decided to develope the design by side with some editor and then rewrite this design per hand as CSS. I have read this is a common practice and most use photoshop for this task.

Is photoshop still recommend or are there other tools which should be used?

(I actually do not want a full WYSIWYG. Just something to test designs and layouts in general)

Cheers and happy new year,
Bodo