こんにちは。細々といろいろやってます。Goodsunです。

以前Rollover Image Engine 3.0というのを公開しました。それのチューニングを行った3.1の公開です。

名前が変わっていますね。どうやら海外では「IMAGE ROLLOVER」と表現するのが一般的で、公開直後に失敗したと思いましたが、今回から気をつけていこうと思います。旧バージョンの名前を変える気はありませんので、コチラを使ってください。

See DEMO

Web 2.0と聞くようになって、いろいろな用語が生まれてきた。正確には生まれたと言うよりはよく耳にするようになった。

Lightboxのようなインターフェースを「ポップアップ」と言う人も多いだろうが、あれはどちらかというとモーダルインターフェースだ。他にもフィッシュアイやアコーディオンなど、いろいろなインターフェースがJavaScriptで実現されている。今回はそんな話だ。

ということで、とりあえずロールオーバーイメージを簡単に実装するためのJavaScriptを作ってみました。検索してみましたけど、こういうのってあんまりないみたいですね。

ロールオーバーイメージの作り方とかがでてくるみたいですが。

サイトのリニューアルを画策しているのですが、忘れていたコンタクトフォームに手をつけました。どうしようかとも思いましたが、今回はMooToolsとSqueezeBoxを利用して、モーダル式で処理することにしました。

LightBoxなどに代表されるJavaScriptライブラリ、いやプラグインにはいろいろな種類がありますが、概ねカテゴライズされているのが現状です。ヨコ文字ばかり並んでてどういう語源なのかわからないのも多いはず。今回はかいつまんでその語源を調べてみました。まさに語源の旅です（大阪のラジオ聞いてる人しかわからねぇ）。ちなみに参考はMootools系で固めてみました。

改めて実感する。IEの存在は罪ではないかと。とは言っても、これは取りようによってはひがみとも見れる。仕方ないのだろう。愚痴とともにまたしても覚書をする。

JavaScriptに実装されているイベントリスナーは、通常属性として、たとえばonclick="func()"と書くものをJavaScript側で処理してしまおうというもの。個人的にHTMLのコードがすっきりとしていて気に入っているのだが、IEだけ実装が違う。

jQueryを使ってみているのだが、中々の優れものです。「独自のセレクタを使用して豊富なDOM操作を可能にする」という触れ込みはうそではない。

AjaxやJavaScriptでDOMを使う機会がふえている。この技術の進化でデザインとプログラムという区切りが明確になったのか、あやふやになったのかはさておき、オープンソースのライブラリを使う機会は少なくない。

ここでは特に有名な2つのJavaScriptライブラリの共存方法をご紹介します。
 

サイトの制作によっては、スクリプトファイル、画像、CSSなどをそれぞれ独自の仕様で構成する場合があります。現にこのサイトも共通ディレクトリを作って、画像、SWF、スクリプト、CSSというきりわけをしています。
メリットはというと、単に管理がしやすいということと、ドキュメントルート以下のディレクトリの整理、つまりHTMLによって呼び出されるファイルを一箇所にまとめておくことにあります。