１.簡単にPCやスマフォのモックアップが生成できるサイト
デザインのスクリーンショットをアップロードするだけで簡単にデバイスのモックアップを生成しダウンロードできます。デバイスの種類や色もたくさん選べるので便利です。
https://dimmy.club/
２．色番号を取得するサイト
デザインで色が透過になっていて、コーディングの際に色味を調べるのが手間な時にここに元の色番号を入力すると透過％を含め色味を取得できます。
http://www.0to255.com/
３．ダミー画像をすぐに生成するサイト
WEBコーディング時にとりあえずダミー画像を入れておく際にその画像を生成するサイト。縦横の大きさ、色、文字などは自由に変更できます。
https://placehold.jp/
４．シンプルなHTMLをCSSで簡単にコーディングだけで実装
デザインからコーディングする際、変更しやすいようにできるだけコーディングのみで実装する方法です。参考にしてみて下さい。
http://fit-jp.com/cssheading20/