livedoor
June 22, 2008
横スクロール
■昨日のエントリの続きで、「うまくいかないウェブページ」第二弾。
MMさんから教えていただいたページ。
◎ASCII.jp「たった6行でWebサイトのUIをガラッと変える」
最近はあまりやっていないが、以前から僕のサイトやブログをご愛読いただいている皆様には、僕がやたら長文を連発するのはご存じの通り。
そういう僕には、ここに書いてあるように視線の落ち着く横スクロールが確かにピッタリな気がする。
さすがMMさん。
ユーザ・インターフェイスのことをいえば、ブログ以外の普通のウェブページだって、まだまだ改善の余地はあるからねぇ。
MMさんから教えていただいたページ。
◎ASCII.jp「たった6行でWebサイトのUIをガラッと変える」
最近はあまりやっていないが、以前から僕のサイトやブログをご愛読いただいている皆様には、僕がやたら長文を連発するのはご存じの通り。
そういう僕には、ここに書いてあるように視線の落ち着く横スクロールが確かにピッタリな気がする。
さすがMMさん。
ユーザ・インターフェイスのことをいえば、ブログ以外の普通のウェブページだって、まだまだ改善の余地はあるからねぇ。
■で、さっそく『bookreader.js』でダウンロードして、実験を開始してみたわけだ。
が。
どーもうまく動かない。
文章は特に問題ないんだけど、画像の表示に問題がでる。いろいろ実験してみると3パターンのバグの出方があるみたい。
う〜む。
■しばらくいじっていて、分かったこと。
■ってなわけで、シェアNo.1のIEをお使いの方をあえて無視して、Fx愛用者だけを対象にするつもりならば、何とか使えるかもという感じ。
でもなぁ、僕の環境以外だとちゃんと動いてるはずなんだよな。もうちょっとがんばろ。
-------------------------------
-------------------------------
-------------------------------
■気象とカヤッキングのログは、オリジナル版『Ryu's Logbook』でご覧下さい。
が。
どーもうまく動かない。
文章は特に問題ないんだけど、画像の表示に問題がでる。いろいろ実験してみると3パターンのバグの出方があるみたい。
- 画像のテッペンの一部しか表示されない
- 極小（10ピクセル四方くらい）のサムネールになってしまう
- 画像が表示されない
う〜む。
■しばらくいじっていて、分かったこと。
- 文字エンコードがShift-JISだと画像表示に問題がないものの、bookreader.jsが作動しない、つまり普通の縦スクロールページになる
- UTF-8だとその逆で、画像が前段のようにバグるが、横スクロールは作動する
- UTF-8でも、インライン表示をあきらめてPタグから出してやると、Firefox3ならちゃんと表示される（ALTオプションもちゃんとキャプションになる）
- でもIE7だと勝手にページいっぱいの大きさに引き伸ばされ、下にあるはずのキャプションも画面から切れるという、まか不思議なエラーが起こる
- Safariは試していない
- Operaはもっていない
■ってなわけで、シェアNo.1のIEをお使いの方をあえて無視して、Fx愛用者だけを対象にするつもりならば、何とか使えるかもという感じ。
でもなぁ、僕の環境以外だとちゃんと動いてるはずなんだよな。もうちょっとがんばろ。
-------------------------------
-------------------------------
-------------------------------
■気象とカヤッキングのログは、オリジナル版『Ryu's Logbook』でご覧下さい。
トラックバックURL
この記事へのコメント
1. Posted by MM
June 22, 2008 09:01
うわ、責任感じるんですが（汗）。
もう少し時間がまとまって取れるようになったら（って何時？）こちらでも原因調査してみますね。
ところで、テーマがいくつか用意されていてマルチコラムになっているんですが、
http://bookreader.cognitom.com/theme.html
それだとデフォルト以外の表示領域はしっかりピクセルで制限かけてありますよね。それを利用してIEでやってみてもダメですかね？？？
もう少し時間がまとまって取れるようになったら（って何時？）こちらでも原因調査してみますね。
ところで、テーマがいくつか用意されていてマルチコラムになっているんですが、
http://bookreader.cognitom.com/theme.html
それだとデフォルト以外の表示領域はしっかりピクセルで制限かけてありますよね。それを利用してIEでやってみてもダメですかね？？？
2. Posted by
Ryu
June 22, 2008 10:38
いえいえ、責任感じられると困ります。
MMさん、お忙しいんですから、原因調査はいいですよ。
こちらは楽しんであれこれ試しておりますんで。
ホントはブログにこれが組み込めると面白いんでしょうけど、それだと問題山盛りでそうなんで（livedoorが怒るかもしれないし）、今のところ『パドルの向くまま、気の向くまま』に導入できないかとやってみております。
ダメならダメで、別にOKですし（どうせ更新の止まった蜘蛛の巣サイト）。
デフォルト以外のテーマは、まだ試してませんでした。
なるほど。
今度やってみます。
MMさん、お忙しいんですから、原因調査はいいですよ。
こちらは楽しんであれこれ試しておりますんで。
ホントはブログにこれが組み込めると面白いんでしょうけど、それだと問題山盛りでそうなんで（livedoorが怒るかもしれないし）、今のところ『パドルの向くまま、気の向くまま』に導入できないかとやってみております。
ダメならダメで、別にOKですし（どうせ更新の止まった蜘蛛の巣サイト）。
デフォルト以外のテーマは、まだ試してませんでした。
なるほど。
今度やってみます。
