Web 開発 / JavaScript

48 件の記事

ブラウザによる正規表現の改行文字の違い

ほとんどのJavaScriptの本で、正規表現で改行文字は「\n」であると解説されていますが、これがブラウザによっては「\n」だったり「\r\n」だったりします。 そこで、実際にどのブラウザがどうなのか調べてみました。 調べ方は単純で、このブログのエントリー投稿欄で、正規表現で「\n」を「n」に、「\r」を「r」に置換してみました。 その結果は次の通り。 Firefox : \n IE6 : ...

Facebox 1.2 - LightBox風に角丸で画像をポップアップ

Facebox 1.2を導入してみました。 これまで、画像のポップアップ表示には yuga.js で使われていた「ThickBox 3.1」を使用していました。ThickBox 3.1 は非常に軽い動作で良いのですが、ブラウザの表示領域より大きい画像を表示させると、自動的に縮小されてしまいます。この自動縮小は基本的には便利なんだけど、画像に書かれている文字も読ませたいときなどはちょっと不便になっ...

yuga.js 0.5.3 にアップデート

yuga.js を、0.5.1 から 0.5.3 にアップデートしました。 0.5.1 のファイルを少しだけ自分で変更していた部分があったので、一度「WinMerge 日本語版」で2つのファイルを比較して最新版を修正するという手間がかかってしまいました(物忘れが激しいので)。...

yuga.js 0.5.1 を導入してみた

yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScriptをこのブログで使ってみました。 これがどういった機能があるのか、また導入方法はyuga.js 0.4.2 - 優雅なWeb制作のためのJSとデモ(CSS HappyLife)で説明されています。ただし、こちらはyuga.js 0.4.2の説明なので、最新版の0.5.1はちょっとだけ変わっています。変更点と最新版のダウンロー...

WebクリエイティブのためのDOM Scripting - 感想

WebクリエイティブのためのDOM Scriptingを読みました。 これまでJavaScriptライブラリを手探りで使ってきましたが、jQueryやPrototypeなどのライブラリを、もっと理解して使えるようになりたいなと思い、JavaScriptの本を探していました。 探して見ると当然ですがJavaScriptの本はたくさんあるので、どの本がいいか非常に悩みましたが、次のような理由からこの...

画像もHTMLもオーバーレイ表示 - ThickBox 3

2008-02-27 説明を詳しくしました。 画像やHTMLをオーバーレイで表示するAjaxライブラリ、ThickBox 3.1を導入しました。導入方法は【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示(マイコミジャーナル)を見れば問題なく導入できると思いますが、ここでも素人なりに丁寧に手順を載せておきます。 まず簡単なサンプル作ったので見てやってください...

JavaScriptとAJAXでページ上のマウスの動きを記録

実際にデモをやってみましたが、なかなかすごいです。全部のマウスの動き がそのまま再現されるわけではありませんが、大体の動きは分かるので、制作したサイトの情報設計がうまくいっているか確認するのに役立つかもしれません。Ajaxライブラリとして出たら便利なんですけどね。公開前のユーザーテストに使ったりとか。。。 それにしても、Ajaxはまだまだ色々なことができそうですね。 JavaScriptとAJAX...