Resource入れてみたので備忘録兼ねてご紹介。Pixel」はBrackets上で手軽にダミー画像を挿入することができるエクステンションで、サイズ・テーマ・カラーを任意で指定することもできます。Brackets上で手軽に利用できるようにしたエクステンションで、サイトと同様にサイズ・テーマ・カラーを任意で指定することができます。検索すれば該当のエクステンションが出てくると思うのでインストールします。エクステンションが有効化されると、画像のようにエディタ右上にlorempixelのロゴアイコンが表示されるので、ここからダミー画像を挿入することが可能になります。アイコンをクリックすると画像のようなウィンドウが表示され、ここで画像のサイズやテーマなどを選択することができます。わかりづらい部分はないと思いますが、「width」と「height」は画像サイズをそれぞれ調整できる部分で数値入力またはスライドで値を変更。「Theme」はどのようなタイプの画像かを選択する部分で、animals・business・foodなど全部で13種類用意されており、Noneを選択した場合はランダムになります。その下の「Grayscale」はグレースケール画像を使用したい場合にチェックを入れます。各項目を選択した結果どのような画像が表示されるか確認したい場合は、簡易的なものになりますがウィンドウ下部にある「Preview」ボタンで表示確認ができ、あとは「Preview」ボタン横のボタンでそれぞれURLを出力したりコピーしたりができます。lorempixelの画像は基本的にランダム表示されるようになっており、テーマを指定していてもそのテーマ内でランダム表示するというものになっています。何らかの理由で常に同じ画像を表示させたい場合は、http://lorempixel.com/400/200/animals/XXという形で末尾のXXの部分に1~10の数値を指定すれば該当の画像を常に表示させることができます。Brackets」というエクステンションもあり、こちらも同じくダミー画像を生成できる「devimg.com」をBrackets上で手軽に利用できるというものになります。Pixel」にはないコミックや映画といったテーマの画像があるので、好みや配置するサイトのテイストによってはこちらを使ってみるのも良いですね。It」や「Placehold.it」などのソースをすぐ呼び出せるようにしておく方が正直手っ取り早いと思うんですが、そういった機能は特に使っておらず、手軽にダミー画像を扱いたいという方には便利なエクステンションだと思いました。