Web Service

自由なサイズやカラー指定でダミー画像を生成できる「PLACEHOLD.IT」

PLACEHOLD.ITはWeb製作に役立つダミー画像を生成してくれる便利なWebサービスです。縦横自由なサイズや好きなカラーを指定することができます。手軽に使うことができるので覚えておいて損はなさそうですね。

[ads_center]

PLACEHOLD.IT

PLACEHOLD.IT

PLACEHOLD.IT

使い方はとっても簡単。以下のように画像をマークアップする際にドメインの後に続けて縦横サイズを指定するだけです。

<img src="http://placehold.it/350x150">

サイズ以外にも好きなカラーを設定することもできます。以下は背景色が#000000、文字色が#ffffffで表示されます。

http://placehold.it/350x150/000000/ffffff

またサイズは100や200といった切りのいい数字だけではなく、123といった細かい数字まで指定することが可能です。

自分の好きなサイズやカラーを指定することができるので、気持ち良く作業できそうですね。ダミー画像を使うことで、わざわざ自分で画像を用意しなくても済むのでとても効率的です。

というわけで、ダミー画像を使って少しでも手間を減らしたい方にはPLACEHOLD.ITがオススメです。

Data Imgブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」前のページ

レスポンシブのサイトチェックに役立つChrome拡張機能「Responsive Inspector」次のページResponsive Inspector

関連記事

  1. CSSViewer

    Web Service

    マウスを乗せた場所のCSSコードを気軽に確認することができるChrome拡張機能「CSSViewer…

    とても便利そうだったので使ってみました。マウスを乗せた場所のCSSコー…

  2. TodoistのChrome拡張機能

    Web Service

    TodoistのChrome拡張機能があったので使ってみた

    普段から使っているTodo管理サービス「Todoist」のChrome…

  3. Sticky Notes

    Web Service

    付箋にメモを書いて画面内に複数追加できるChrome拡張機能「Sticky Notes」

    とても便利なChrome拡張機能を見つけたのでご紹介します。画面内にメ…

  4. Web Service

    URLを入れるだけでレスポンシブなWebデザインを色々なデバイスで表示確認できる「The Respo…

    スマートフォンやタブレットなんかの色々なデバイスで表示確認することがで…

  5. Web Service

    ATOK Pad(Mac)を使ってみたら呼び出しも簡単で使いやすかった

    ATOK Pad(Mac)をインストールしてみました。ちょっとしたメモ…

  6. Web Service

    Google マップの地図の埋め込みをするやり方

    以前までGoogle マップの地図をサイト内に埋め込むには歯車アイコン…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP