menu
menu

キーワード検索

 

前月(10月)の人気記事トップ10

  1. ( 1-) 【CSS Tips】CSSだけでドロップダウンメニュー
  2. ( 2-) 【CSS Tips】CSSだけでサイズ可変・スマホ対応のアコーディオン
  3. ( 3-) 【HTML5】スマホサイトの作成・基本編
  4. ( 7↑) 【HTML5】HTML5・ページ作成の基本
  5. ( 6↑)【jQuery入門】jQueryで日時を表示
  6. ( 5↓) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
  7. ( 4↓) 【CSS Tips】CSSだけでブロック要素の表示非表示(トグルボタン)
  8. ( 8-) 【Mac Tips】MacにInkscapeをインストール
  9. ( 9-) 【MySQL】Windows 10にMySQLをインストール
  10. (10-) 【CSS Tips】スマホサイト向け横にスクロールするナビゲーション

【制作Tips】ダミーテキスト・ダミー画像ジェネレーター

  • Labs

ダミーテキスト・ダミー画像ジェネレーター

こんにちは(・∀・)

Web制作であると便利なダミーテキストとダミー画像のジェネレーターをご紹介します。

ダミーテキスト・ダミー画像ジェネレーター

Web制作の過程で、テキストや画像が入る予定の要素に適当に文字や画像を入れてデザインのバランスを見ることはよくあることだと思います。

そのようなタイミングで使用するのにとっても便利なジェネレーターがあるのでご紹介したいと思います。

ダミーテキスト
Lorem Ipsum

英語版のダミーテキストといえばこのサイトが有名ですね。

Lorem Ipsum

Lorem Ipsum

Dummy HTML snippets for webdesigners

こちらはHTMLタグ付きのダミーテキストです。

Dummy HTML snippets for webdesigners

Dummy HTML snippets for webdesigners

すぐ使えるダミーテキスト

日本語のダミーテキストもあります。

すぐ使えるダミーテキスト

すぐ使えるダミーテキスト

ダミーテキストジェネレータ

こちらも日本語のダミーテキストです。

ダミーテキストジェネレータ

ダミーテキストジェネレータ

ダミー画像
lorempixel

カテゴリーや画像サイズなどを指定することができます。

lorempixel

lorempixel

PlaceIMG

こちらもカテゴリーや画像サイズなどを指定することができます。

PlaceIMG

PlaceIMG

Placehold.jp

こちらはシンプルなダミー画像のジェネレーターです。

Placehold.jp

Placehold.jp


いかがでしたでしょうか、ダミーテキストやダミー画像のジェネレーターは、Webサイトの制作上あると便利なツールの一つですね。お好みのサイトを見つけてぜひ活用してください。

  • カテゴリー:Labs