コーディング

ダミーテキストダミー画像にこだわりたい!まとめ

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

こんにちは、ワタナベです!

ようやく梅雨が明けて例年通りの猛暑がやってきますね…いいのかわるいのか…(;^ω^)

 

今回は、デザイン・コーディングがはかどりそうな、おすすめのダミーテキストとダミー画像をご紹介。

ダミーテキスト、画像なんてなんでもいいじゃんって感じですが、デザイン・コーディングしてる身としてなんとなくこだわりがあるんです(自分だけでは)
自分用のまとめ兼ねてご紹介していきますですよ(`・ω・´)ゞ

 

ダミーテキスト

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

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ド定番。迷ったらコレ。
たまに変化球で「坊っちゃん」「徒然草」、英文を使う。

ダミーテキスト作成ツール

アリスは川辺でおねえさんのよこにすわって、なんにもすることがないのでとても退屈(たいくつ)しはじめていました。一、二回はおねえさんの読んでいる本をのぞいてみたけれど、そこには絵も会話もないのです。

「絵や会話のない本なんて、なんの役にもたたないじゃないの」とアリスは思いました。

「不思議の国のアリス」を使いたい時はコレだ!(謎のこだわり)
英文では「Humpty Dumpty」も。

日本語ダミーテキスト生成器

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。

「日本国憲法」「夜明け前」「吾輩は猫である」「人間失格」のラインナップ。
句点で終わる。が地味に便利。

番外編

【小ネタ】リニューアルされたGoogle Fontsのダミーテキストに隠された秘密をスルメのように味わう

こちらの記事が面白かったので興味があったら是非。

 

ダミー画像

以前紹介したLorem Picsumが最近、表示が遅かったり表示されなかったりするので代わるものを色々探してます。
え、こんなのまであるの!!?と、奥が深かったり深くなかったり

ダミー画像の使い方

<img src=”ここにそれぞれのサイトで公開されているURLコードが入ります” alt=””>

↑だけ。
大体後ろに画像サイズが入ります。
http://XXXXX.com/300(横幅)/200(高さ)みたいな感じ。

Placehold.jp

ダミー

http://placehold.jp/330×220.png

シンプルな、画像サイズが書いてあるタイプのダミー画像。
色や表示文字など変えられるので結構便利。

placekitten

ダミー

http://placekitten.com/330/220

最近めっちゃ使ってるやつです。
オール子猫です。(=^・・^=)
画像種類は少なめですが、とにかく癒されます。
ワンちゃん版もあったのですが、サイトが消滅していました( ;∀;)

PlaceIMG

ダミー

http://placeimg.com/330/220/any

ANIMALS(動物) / ARCHITECTURE(建築物) / NATURE(自然) / PEOPLE(人物) / TECH(科学技術)

↑のカテゴリから選べます。初期値のanyは全カテゴリからランダム。

placebear

ダミー

https://placebear.com/330/220

placekittenのくまさん版。ワイルド&カワイイ

PlaceGOAT

ダミー

http://placegoat.com/330/220

ヤ ギ
ダミー
ダミー
ダミー

癖になる。

サイトの英文もなかなかパンチが効いてるので気になったら翻訳してみてください。

 

ほかにも、お肉だけを集めたダミー画像や、海外の有名人だけを集めたダミー画像とかありました。
皆様も発掘してみてください(*^▽^*)

 

それではまた次回。
ご閲覧ありがとうございました。

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

建築に特化したホームページで集客&受注へ

実績の99%が建築業界だからわかる、"受注の取れるWebサイト"づくりを行います。
1000サイト以上の制作実績と、豊富なサービス・運営サポートが御社をバックアップ。お気軽にお問い合わせください!

D-Gripシステム Webサイトへ