SVGでダミー画像を生成できるサービス「Placeholder pics」

 
URLを指定するだけでダミー画像(プレースホルダー)をモックアップなどに配置できるので使い勝手の良いサービス。画像サイズ・背景カラー・ボーダーカラー・ラベルの設定後にURLをコピペするだけ。 URLを変更するだけでダミー画像の変更も行えるので、複数のダミー画像を使用したい時に便利です。

Placeholder pics



  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
  • PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」
  • Web上で差分が確認できるテキスト比較ツール「difff」
  • 有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」
  • デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」
RELATED POSTS
  • 【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
  • アニメーションで変化するカスタムカーソル「Custom Cursor Effects」
  • シンプルなチャートを実装できるライブラリ「Frappé Charts」
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
RECENT POSTS
  • 【2021年版】 WordPressのおすすめテーマ17選(無料版/有料版)
  • 【2021年版】 無料で使えるフリー画像・写真素材サイト27選(国内/海外)
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
POPULAR POSTS
  • プライス・値段表示などに使えそうな英数字フォント13選
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
  • PhotoShopで新聞の写真風ドットスタイルに画像を加工する
  • コピペするだけで使えるCSSボタンジェネレーターまとめ
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法