menu
menu

キーワード検索

 

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

  1. ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー
  2. ( 2 - ) 【CSS】CSSだけでサイズ可変・スマホ対応のアコーディオン
  3. ( 3 - ) 【Mac】Macのユーザー名とアカウント名を変更する
  4. (10 ↑) 【Mac】MacにInkscapeをインストール
  5. ( 5 - ) 【HTML5】スマホサイトの作成・基本編
  6. ( 8 ↑) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
  7. ( 6 ↓) 【CSS】CSSだけでブロック要素の表示非表示(トグルボタン)
  8. ( 4 ↓) 【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直して...
  9. ( - ↑) 【jQuery】jQueryでドロップダウンメニュー
  10. ( - ↑) 【CSS】スマホサイト向け横にスクロールするナビゲーション
このエントリーをはてなブックマークに追加

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

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

こんにちは(・∀・)

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サイトの制作上あると便利なツールの一つですね。お好みのサイトを見つけてぜひ活用してください。

  • Web
このエントリーをはてなブックマークに追加