リンク先を視覚的にわかりやすくする
del.icio.us経由で面白そうなJavaScriptをみつけました。
ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長～いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。
そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。
[ このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E ]より引用
Accessed Date:2006年10月8日 12:55:13
このエフェクトはちょっと楽しいかも?
そういえば他にもこの手のJavaScriptをいつか導入してみようとブックマークしていたものがあったなぁ…と思い、自分のdel.icio.usを発掘したら出てきました。
せっかくなのでページ内リンクをわかりやすく演出する便利なJavaScriptをいくつかまとめてみました。
S i M P L E * S i M P L Eさん経由
ページの先頭に戻るリンクをクリックするとするするっとにスクロールします。
さっそく当blogでも導入してみました。
↓DEMO
[TOP]
調子に乗ってあっちこっちに導入しています。
因みにアイコンはSilk Iconsを使わせていただきました。
こちらもスクロール系ですが先頭以外でも使えるので使い勝手がよさそうです。
こちらはリンクを視覚的にわかりやすくしてくれるJavaScriptです。
target=”_blank”なら別ウィンドウが開くということがわかるようなアイコンを表示してくれます。
ページ内リンクならリンク先までの導線を表示してくれるので行き先が一目瞭然。
関係ないですがS i M P L E * S i M P L Eさんって百式の田口さんが運営されてるんですね。
blog1個でもいっぱいいっぱいなのにすごいです。
これ良いですね。Safariでちゃんと動きました。一応報告。
これは便利ですね。
自分のページは、縦に長くなってしまっていて、特にFirefox、Operaでは、マウスでのスクロールが機能しないので、不便だなぁと思っていましたので、「これイタダキ」です。
＞setomitsさん
Safariで動作確認できないのでありがたいです!
ありがとうございまーす :-)
＞DIY太郎さん
ワタシが作ったもんじゃありませんがご紹介したものを使っていただけたら嬉しいです。
この動きクセになりそうです :-)
なかなか、ほしいと思うようなプラグイン(機能)を探すのは大変です。
lomoさんのように、こういう便利なプラグイン(機能)がありますよと発信しているサイトは他にもいっぱいあるのでしょうが、WordPressのダッシュボードで偶然見かけたlomoさんのサイトを拝見していらい、RSSに登録して読ませていただいております。
これからも、よろしくお願いします。
＞DIY太郎さん
RSS登録ありがとうございます。
WPは今年の2月に始めたばかりでまだまだわからないことだらけですが「情報は発信する人に集まる」という言葉通り、何かを発信することで得るものも多いです。
日々勉強ですね :-)
こちらこそよろしくお願いします。
ページ内リンクとかにこだわる前に、
このブログの配色をもう少し分かりやすくしてくれた方が嬉しいです。
チカチカして読む気になれません。（内容は気になるんで読みたいんですけどね）
＞佐月さん
ユーザビリティーを無視する気はないのですが個人のblogなので好きにやらせていただいてます。
でも佐月さんと同じ意見をお持ちの方がいらっしゃることは承知してます。
今後その辺を踏まえたリニューアルも考えていますがまだまだ先になると思います。
・CSSを無効にする
・RSSリーダーで読む
・greasemonkeyを使う
・Bookmarkletを使う
・ユーザースタイルシートを設定する
もしくは読まない!
お手数ですが以上のいずれかをお試しください。