Unsplash It

Web Service

かっこいいダミー画像を読み込めるWebサービス「Unsplash It」

Unsplash Itは、かっこいいダミー画像を手軽に読み込むことができる便利なWebサービスです。縦横サイズの指定も簡単でとても使いやすいのがいいですね。ランダムで表示させたりグレースケールで表示させたりと、いろんな機能を有しています。

Unsplash It

Unsplash It

Unsplash Itの使い方はとても簡単で、imgタグのsrcに「https://unsplash.it/200/300」といった感じで指定するだけでOKです。ここでは、後ろにある200が横サイズで300が縦サイズになります。

ここを変更することで好きなサイズの画像を読み込むことが可能です。

また、画像を読み込むたびにランダムで画像を表示させたい場合は、「https://unsplash.it/200/300/?random」のように指定してあげます。これで、ページを読み込むたびにいろんな画像が表示されます。

ほかにも、グレースケールで表示させたい場合は「https://unsplash.it/g/200/300」と、サイズの前に「/g/」を置くことでグレースケールの画像を読み込むことができます。

このように、とても簡単にいろんなダミー画像を設置できるので、Web制作を効率的に行いたい人にはピッタリのサービスになるのではないでしょうか?

上記以外にも、List images、Specific Image、Blurred image、Crop Gravityと、いろんな機能が用意されているので、気になる人はぜひ「Unsplash It」を活用されてみてはいかがでしょうか。

というわけで、以上、かっこいいダミー画像を読み込める「Unsplash It」の紹介でした。

Materialize Tagsマテリアルデザインのタグ管理を実装できる「Materialize Tags」前のページ

フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」次のページNO IMAGE

関連記事

  1. Web Service

    数多くのUIエレメントを検索することができる「UICloud」

    たくさんのUIエレメントを検索することができる「UICloud」がとて…

  2. Web Service

    Macでテキストをコピーした際にプレーンテキストにしてくれるアプリ「FormatMatch」

    Macでテキストなどをコピーしてエバノートなんかに貼り付けると余計な装…

  3. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  4. Web Service

    iPhoneでコピペを多用する人に便利なクリップボード履歴が分かるアプリ「Clipboard Man…

    個人的にとても便利すぎるアプリがあったのでご紹介します。iPhoneの…

  5. Web Service

    Chromeで手軽に電卓を使いたい時に便利な拡張機能「Calculator」

    Chromeでネットを閲覧中にちょっとした計算をしたいといった時がある…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP