スキップしてメイン コンテンツに移動

テキストを選択するとイメージが出現

ソースを分析してみたところ、HTMLではpreタグで等幅フォントを適用して改行位置を維持しておき、CSS3の擬似要素 ::selection を利用してテキストが選択されたときに文字と背景の色を変更している。画像は使用していない。この技術は何かに使えそう。だが、CSS3セレクターの最新の勧告案からは ::selection が削除されているようだ。
追記（2010年6月3日）：簡単に生成できるジェネレーターが存在するようだ。
------------------------------
http://www.ideaxidea.com/archives/2008/02/text_image_css3.html
http://www.ideaxidea.com/archives/2010/06/select_art.html
------------------------------

このブログの人気の投稿

#じゃがりこリズムチャレンジ

カルビーが「じゃがりこリズムチャレンジ」キャンペーンを開催。テレビ広告のリズムに合わせたビデオの投稿を募っている。ティックトックのキャンペーンツールはマインドフリー「TikQ」を採用。 https://prtimes.jp/main/html/rd/p/000001454.000030525.html
続きを読む

ウォールドガーデンか、オープンインターネットか

ザトレードデスクのレポートによると、消費者は「ウォールドガーデン（Walled Gardens）」より「オープンインターネット（Open Internet）」の利用時間が長く、ウォールドガーデンに広告費を集中させると機会を損失する可能性があるという。 オープンインターネットの未来 | The Trade Desk https://www.thetradedesk.com/jp/open-internet その指摘に間違いはない。しかし、もし「オープンインターネットはウォールドガーデンよりよいもの」と読み解くならそれは間違いで、オープンインターネットとウォールドガーデンのそれぞれに長所があると理解すべきだろう。「オープン」という言葉には、開放的で、民主的で、透明な印象があり、一方の「ウォールド」という言葉には、閉鎖的で、独占的で、不透明な印象がある。そのせいか、ウォールドガーデンが悪者扱いされることがあるが、ウォールドガーデンではプラットフォームが利用環境やデータを集中管理しているからこそ、ブランドは正確に、安全に、容易にマーケティングを行えている。 先日たまたま見かけたビデオで、ウォールドガーデンとオープンインターネットの長所短所を整理しているシーンがあるので紹介しておく。オープンインターネットの短所を要約すると「Not Easy」だ。 https://prtimes.jp/main/html/rd/p/000000018.000035203.html
続きを読む