tedateコンテンツへスキップ夜の帳がおりています。良い時間をすごせますように。]せっかくなら、スタイリッシュなプレースホルダーを使って、きれいなモックアップを作りたい。写真が入る部分に仮画像を当て込むことがよくありますよね。綺麗な、クオリティの高い写真が入っていた方が、見る人の印象は良くなるというもの。いうWebサービスです。MIT、プレースホルダーの素材写真はUnsplash(クオリティの高い、世界中の写真家からの素材が使用できるサイト)のものを使っている、とのことです。基本的な使い方https://picsum.photos/id/1003/480/320↑上の例の通り、https://picsum.photos/id/{画像のナンバー}/{横サイズ}/{縦サイズ}というシンプルな指定です。部分ですが、次のURLに、指定できる画像の一覧があります。-Imagesこれを、imgタグのsrcに指定してあげれば、スタイリッシュなプレースホルダー画像が使用できるというわけです。実際に読み込んで見た例です。ランダムにイメージを読み込むhttps://picsum.photos/480/320↑画像のナンバーを指定せず、プレースホルダー画像をランダムに読み込む事もできます。その場合、上記のようにhttps://picsum.photos/{横サイズ}/{縦サイズ}と指定します。これで、ランダムなプレースホルダー画像が使用できます。実際に読み込んで見た例です。リロードする度、画像が変わる事がわかるかと思います。オプションを加えるだけです。実際に読み込んで見た例です。グレースケールにするだけで、ぐっと雰囲気が出ますね。オプションを指定します。実際に読み込んで見た例です。こちらも、独特の雰囲気が得られますね。10の範囲でblurの強さが調節できます。つなぐと、併用ができます。実際に読み込んで見た例です。使い方をざっくりと書きました。写真のクオリティやオプションの豊富さなどの面で、気に入っています。世界中のクリエイターが、世界中の誰かのために、優れたサービスを生み出してくれている現代という時代。自身もまた、新しい価値を生み出すために日々、前に進んでいきたいですね。※この記事は内容の品質向上を目的に随時、記事の修正、更新を行う場合があります。新しい画像形式を使ってWebサイトを高速化する方法。srcsetによる分岐方法も。印象的な文字表現が簡単にできる。WordPress]私の修行時代のお話。