2006年06月15日

ブログへ簡単に追加できるJavaScript製サイドノート

20060615-04.jpg

Web上のテキストに付箋紙を貼る様なイメージで利用できるJavaScriptとCSSを使った面白いツールです。

こういったツールはすごく便利ですし、使う側もわかりやすくていいですね。
付箋紙のような感じのサイドノートをブログの本文中に追加できます。背景色の変更なども自由自在で、非表示にするのも再表示させるのも簡単。JavaScriptとCSSを使っています。

ダウンロードと使い方や例は以下のサイトから。


arc90 lab : tools : Unobtrusive Sidenotes

ダウンロードはこちらから
http://lab.arc90.com/tools/sidenote.zip

上記サイトの「How Do I Use It?」に使い方が詳しく書いてあります。

実際の例はこちら。

arc90 lab | tools: Sidenote Demo
http://lab.arc90.com/tools/sidenote/

左上の「Hide Sidenotes」をクリックするとサブノートを非表示にできます。本文中に、脚注やちょっとした豆知識みたいなのを入れておきたい場合に便利かも。

→ GIGAZINE - ブログへ簡単に追加できるJavaScript製サイドノート

blog_ranking.gif
posted by Mts! at 02:27 | TrackBack(0) | 便利ツール | このブログの読者になる | 更新情報をチェックする

この記事へのトラックバック
ウェブ進化論
本当の大変化はこれから始まる
国家の品格 グーグル―Google 既存のビジネスを破壊する
ウェブ進化論 国家の品格 グーグル―Google<br>既存のビジネスを破壊する
[価格] ¥777
[著者] 梅田 望夫
[価格] ¥714
[著者] 藤原 正彦
[価格] ¥798
[著者] 尊々木 遜尚
新着記事
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。