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

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

Placeholder pics


  • UIデザインのスニペットがまとめられたサイト「CodeMyUI」
  • 2択のUIデザインから正しいデザインを選択していくゲーム「Can’t Unsee」
  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • データの視覚化(グラフ・表)をまとめたサイト「Data Viz Project」
  • ワールドカップのユニフォームのパターンをまとめた「World Cup in Pattern」
RELATED POSTS
  • 【JS】要素をモーダルウィンドウに変化させる「cta.js」
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
  • シンプルなチャートを実装できるライブラリ「Frappé Charts」
  • Web上で差分が確認できるテキスト比較ツール「difff」
  • イメージを見ながら学べるCSS GRIDのチートシート「GRID」
  • 画像を使わずにCSSだけで三角・矢印を作る方法
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • Photoshopで簡単に背景を伸ばすテクニック
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」