スポンサード リンク
www.flickr.com
BLOG DRINKING I Think INTERNET MUSIC PERSONAL Photo Words&Tips

January 31, 2005

プレゼンテーションで使えるHTML+accesskey

スポンサード リンク

RADIOでも話しましたが、1月はaccesskeyについて急に知ってしまったのでこれを応用した使い勝手の向上にかなり感動していました。wikiの編集などにも便利ですがプレゼンテーションなんかでもこの技は使えそうです。

Pushing Your Limitsは、最近少しずつ出てきているHTMLで書いたものをプレゼンテーションなどのスライドで使うという最近流行のものです。Power Pointなどのソフトを使ってもいいと思いますが、これだとそのままあとでWebに公開する場合なんかにも便利かもしれません。CSSを使ってデザインをしているという点もいいですが、ソースを見てみるとわかりますが実はaccesskeyがうまく使われています。

通常はマウスなどで次のスライドに進んだりする場合に右上の矢印などをクリックすることで次のスライドに行くことができますが、ここのリンク先に実はaccesskeyが入れてあります。順番に見ていきましょう。

カンマ(,)とピリオド(.)を使っています。これはなぜかというとキーボードで隣りあわせだからでしょう。Altキーを左手で押しながら右手の中指と人差し指でカンマ(,)とピリオド(.)を押すとスライドが切り替わります。

トップページに戻るにはAlt+Hを押せば行くことができます。またスライドのインデックスを見る場合はAlt+Iを押すことでスライドの一覧のインデックスを表示させることができます。こんな風にaccesskeyを使えばスムースに操作しながら講演などをするのにいいかもしれません。少しマニア向けかもしれませんがHTMLで作るということはプラットフォームを選ばないということでもあるので、こういうテクニックもうまく利用するといいかもしれません。いつか使ってみたいテクニックでもあります。



Posted by kengo at January 31, 2005 08:06 PM | TrackBack | INTERNET | Blog Search | English | QR | append.gif このエントリーを含むはてなブックマーク | delicious.gif twitter.png Skype のテキストチャットでコメントする

Comments
Post a comment
Note to spammers: Any URL in Comment is No effect on your Google PageRank. And your inappropriate comments will be deleted and blacklisted and IP will be Banned.

My status
callstart24x24.png message24x24.png voicemail24x24.png addcontact24x24.png info24x24.png
世界中どこでも無料通話!Skype.com


Twitter経由でコメントする

mailicon2.png
メールの場合はこちらまで

Google Talk からメッセージを送る
gtalkcall.png Call gtalkchat.png Chat


タイトルと URL をコピーして貼り付けてください
Donations
Paypalやはてなポイントを利用したDonationを歓迎します。

はてなポイント



Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.1 Japan License.
t eXTReMe Tracker