ウェブの立体化っていろいろあるけど、ページ毎やサイト毎の立体化とかが多くて、ページ単位での立体化ってないな思っていた思いつきました。
文書構造に基づいて重要な箇所が立体(というか、前にせり出す)になったら面白いな、と。
ということで、試しに実装してみました。両眼視差ゲートウェイ。好きなページの URL を入力して Go ボタンを押してください。左右2フレームにそれぞれ微妙にずれた状態のページが表示されます。これを交差法で見てください。H1~H6 がせり上がってきます。
実装そのものは左用右用に外部 CSS を準備して、こんなような記述を入れて
h1 { position: relative; left: 10px; }
ゲートウェイでは外部 CSS を読み込み記述を挿入しています。CSS はこんな感じ。
・左用 CSS
・右用 CSS
優秀(?)なサイトたち
■ Monolog
■ 水無月ばけらのえび日記
かなり適当な今後の予定
・CSS 調整(誰か)
・スクロールの同期
・H1~H6 以外の対応検討
・コンテンツネゴシエーションの対応
Bookmarklet
・Parallax