ダミーテキスト＆画像のジェネレイターサイト

webサービス

レイアウト（骨組み）に仮コンテンツ(文章・画像)を入れよう

イケアやニトリなどのインテリアショップへ行くと、見本の商品の本棚やクローゼットなどに仮置きの本や洋服がセットされている方が買う際に自分の部屋に置いた際のイメージが想像しやすいと思いませんか？

これから紹介するダミーテキストや画像をコンテンツとして仮置きしておけば、クライアントもサイトの完成が想像しやすくなる手助けになるかもしれません。

すぐ使えるダミーテキスト


http://lipsum.sugutsukaeru.jp/index.cgi
青空文庫から引用した夏目漱石「私の個人主義」や宮沢賢治「セロ弾きのゴーシュ」を
バラグラフごとの文の数や文頭の全角指定や文中のアルファベットや数値の半角or全角指定など
細かな設定でテキスト出力してくれるサイト。

Dummy HTML snippets for webdesigners


http://www.blindtextgenerator.com/snippets
HTMLタグ付きのダミーテキストのジェネレーター。
左側に各要素毎のテキストエリアから右側の出力エリアにドラッグ＆ドロップして
ダミーテキストを生成できます。
こちらは英字ですのみです。


Placehold.jp


http://placehold.jp/
こちらはダミー画像というよりもダミーボックス生成サイト。

http://placehold.jp/横幅x縦幅.png

サイトに行かなくても上記のURLに横幅、縦幅の数値を直接入力して
プラウザで表示すると自動的にその寸法のボックスサイズを表示してくれます。
もちろん、サイズだけでなく、背景色や文字サイズ、文字カラーなどもURLに直入力で設定できるので
コード内に以下の様に記述することでカンプレイアウトを組むことも可能。

<img src="http://placehold.jp/{文字サイズ}/{背景色}/{文字色}/{横幅}x｛縦幅｝.png">