「ページをマトリックス風に表示するJavascript」で人気だったbodytag.orgからもうひとつ便利なJavascriptをご紹介。

ちょっと変わったプロフィールページを作りたいときに便利っぽい。自分の実績を示すインタラクティブな年表を作ってくれるのだ。

ヘッダー部分の年数をクリックすると、ページがスルスル切り替わって気持ちいい。（実際の動作はこちら）

実装するにはトップページからダウンロードしたnav.htmlの以下の部分を修正するだけ。（それぞれのhtmlファイルは自分で用意）

var events = [
['intro','intro.html', 0, 0, 2000],　//['タイトル','ファイル名','日','月','年']
['sausage','sausage.html', 15, 3, 2000],
['abstraction-now','absnow.html', 31, 9, 2003]
];

プロフィールページはサイトの信頼度を高めるのに大事ですね。

他のおもしろいプロフィールページもあったらまたご紹介しますね。

こんな絵葉書風なコメントフォームを見つけました。（絵葉書風に見えるのはあくまでも主観ですが・・・）

普通のフォームとは違いとてもシンプルだし、手紙を出すような感覚でコメントできる。（たぶん）

実現するにはフォームに以下のスタイルシートを適用するだけ。

<style type="text/css">
#hoge {
font-size: 10px;
background: white;
width: 165px;
margin:2px 0;
padding: 0;
border: 0;
border-bottom:1px solid #dddddd;
}
</style>
<input type="text" name="hoge" id="hoge" value=""/>

詳しくはdeliciousdays.comを参照のこと。

今ではすっかり懐かしくなった絵葉書。

こうした懐かしいインターフェースをあえて使ってみるのもいいかもですね。

これは新しい。

なんとあらゆるページをマトリックス風に表示してくれるのだ。（実際の動作はこちら）

実装するには以下の1行をコードに加えるだけ。

<script src="http://bodytag.org/bt_melter/bt_melter.js" type="text/javascript"></script>

するとbodyタグの中身全部に適用される。

なお、javascript自体はbodytag.orgからダウンロードできる。

日本語にも対応しているようなので、サイトにアクセントを加えるちょっとした小細工として使えそうですね。

サイトのトップページが見るたびに違っていると、また来たくなるものである。

traineoはみんなでダイエットに励もう！というサイトであるが、トップページがにぎやかなのが特徴である。

時々刻々と変化していく数字は参加者が消費したカロリーを表している。

また、ダイエットに関するちょっとしたトリビアも次々と表示されていくのでついつい見入ってしまう。

訪れる人にいつも違うインパクトを与えられるようなトップページ。

そのためのちょっとした仕掛けに頭をひねってみるのもおもしろいですね。