先日「サイドバーを折りたたんでみた」という記事を書きましたが、あのカスタマイズ以降、JavaScriptのエラーが発生していました。気づくのが遅くてスミマセン。

小粋空間さんの「サイドメニューの折りたたみ（v5.0：ゆっくり折りたたむ）」という記事を参考にカスタマイズしていたのですが、2007年10月24日以前に掲載されていた6項のソースコードをそのまま使っていた場合、JavaScriptを読み込む順番が原因でエラーになるようです。（現時点ではソースコードが修正されているので、問題ありません）

修正される以前のソースコードを使っていた方は、effects.js と controls.js の読み込まれる順番を反対にしてください。effects.jsを先に読み込むことで、エラーが回避できます。同じような状況の方の参考になれば幸いです。

DoCoMoの携帯でWebサイトを見ていると、時々同じサイト内で「サイトが移動しました(301)」というメッセージが表示されることがあります。ページを移動するごとに、いちいちこの表示が出るとうっとうしいですね。しかも、違うサイトに飛ばされたと思った人はアクセスを中断するかもしれません。

実はこの現象、ディレクトリへのリンクの終わりに/がついていないと起こります。

つまり

http://junfox.com/example/index.html

上記のページにリンクする際に、

http://junfox.com/example

とすると先ほどのメッセージが表示されてしまいます。

表示されないようにするにはスラッシュをつけましょう。

http://junfox.com/example/

こうするだけでうっとうしい表示はなくなります。

DoCoMoユーザーがストレスなくサイトを観覧できるように、携帯サイトの作成時にはスラッシュをお忘れなく。

JUNFOX.COMの影の稼ぎ頭がリニューアルしました。その名も

「BidderStyle（ビッダースタイル）」

BWSを利用してビッダーズの人気商品をランキング形式で紹介してます。プログラムは大して改造していませんが、デザインは結構いじってみました。前よりカナリ使いやすくなったと思うので、試しに利用してみてください。

個人的にはトップページ最下部で紹介しているショップの「グルメ・ドリンク」が超オススメ。エビ・カニ・牛肉・スイーツなどなど、リストを作っている最中もツバでまくりでした。しかも結構安かったりするので結構自分で買ってます。笑

ランキングは見てるだけでも意外と楽しくなるものですね。ぜひヒマな時にご覧くださいませ。

例：BidderStyle（ビッダースタイル）の洋菓子ランキング

こんな時間ですが、またもやデザインをいじりました。

今まではサイドバーの上部にブログのコンテンツへのリンクと説明を掲載していましたが、縦に長かったのでカットしました。

代わりにコンテンツを象徴するバナーを作り、Javascriptを使って数秒ごとにクロスフェードさせています。これで縦60ピクセルに5つのコンテンツへのリンクが収まりました。

おかげで以前より更新情報が上部に表示されているので、目的のページへ到達するスピードが上がるはずです。

今回利用した、要素をクロスフェードさせているスクリプトは「Javascript / CSS Crossfader」で配布されているものです。

実際に動作させるまでの手法についてはWWW WATCHさんの「JavaScript でバナーをクロスフェード表示」というエントリーや

to-Rさんの「クロスフェードを実装する為のCrossfader」にて詳しく解説されているので当ブログでは割愛させていただきます。

「私のWebデザインはカタにはまり過ぎだな」

海外のCSSデザインサイトを見て、はっとした。

記事のタイトルはココ。次に日付はその下に表示する。
そんでもって記事の下にはタグとコメントとトラバを表示。
カテゴリーへのリンクも忘れないようにしなきゃ……。

最近はそんな風に考えながら機械的にWebを作っていた。
でも、それはWebデザインじゃなくてただの作業なのではないか。

ブログとしての機能やユーザビリティを高く保ったままに、
面白いコンテンツの見せ方をする、それがデザインじゃないか。

見た目を重視しすぎて使い勝手が悪いのはNGだけれど、
使いやすくてカッコイイWebサイトだってたくさんあるのも事実。

クリエイターを志すものとして、デザインに対する意識も
しっかりと高めて、もの作りに取り組んでいきたいと思った。

ということで徐々にですが見た目も機能面も改良していきます。
進化するJUNFOX.COMをお楽しみください。

さりげなく「本屋です。」もリニューアルしたのでぜひご覧ください。