テキストをハイライトすると絵が出てくる!
※Firefox(推奨)またはSafariでご覧ください。(未確認ですがFlockでも良いようです。)
via http://metaatem.net/highlite/
まずは以下のテキストをマウスでハイライトさせてみてください。(あるいはCtrl+Aでテキスト全選択ですね。)
One morning, when Gregor Samsa woke fromtroubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and ifhe lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. Thebedding was hardly able to cover it andseemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved abpened to me? " he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefullybetween its four familiar walls. A collection of textile samples lay spread outon the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice,gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towardsthe viewer. Gregor then turned to look out the window at the dull weather. Dropsof rain could be heard hitting the pane, which made him feel quite sad. "How about if I sleep a little bit longer and forget all this nonsense", he thought, but that was something he was unable to dobecause he was used to sleeping on hisright, and in his present state couldn'tget into that position. However hard hethrew himself onto his right, he always
ハイライトさせた箇所から絵が出てくるハズ。面白いですねぇ。CSSを使ったテクニックとのことです。
作り方は、適当な英文を用意して、変換したい画像のURLと色数、完成品の横幅を指定して『generate』をクリック。
めぼしい英文が手元に無い時は、|| Dummy Text Generator | Lorem ipsum for webdesigners ||といったサイトを利用するといいですよ。
するとコードを生成してくれるので『Get code』からコードをコピーしてブログ等に張り付ければOK。
SafariとFirefoxで表示を確認しましたが、Safariだとちょっと変に表示されるようなのでできたらFirefoxで見てみてください。
ちなみに元画像はコレです。