こんにちは、ワタナベです!
ようやく梅雨が明けて例年通りの猛暑がやってきますね…いいのかわるいのか…(;^ω^)
今回は、デザイン・コーディングがはかどりそうな、おすすめのダミーテキストとダミー画像をご紹介。
ダミーテキスト、画像なんてなんでもいいじゃんって感じですが、デザイン・コーディングしてる身としてなんとなくこだわりがあるんです(自分だけでは)自分用のまとめ兼ねてご紹介していきますですよ(`・ω・´)ゞ
ダミーテキスト
ダミーテキストジェネレータ
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ド定番。迷ったらコレ。
たまに変化球で「坊っちゃん」「徒然草」、英文を使う。
ダミーテキスト作成ツール
アリスは川辺でおねえさんのよこにすわって、なんにもすることがないのでとても退屈(たいくつ)しはじめていました。一、二回はおねえさんの読んでいる本をのぞいてみたけれど、そこには絵も会話もないのです。
「絵や会話のない本なんて、なんの役にもたたないじゃないの」とアリスは思いました。
「不思議の国のアリス」を使いたい時はコレだ!(謎のこだわり)
英文では「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
ヤ ギ
癖になる。
サイトの英文もなかなかパンチが効いてるので気になったら翻訳してみてください。
ほかにも、お肉だけを集めたダミー画像や、海外の有名人だけを集めたダミー画像とかありました。
皆様も発掘してみてください(*^▽^*)
それではまた次回。
ご閲覧ありがとうございました。