JavaScript カテゴリのアーカイブ

以前から IE 6 で透過 png を表示したいときに愛用していた iepngfix.js がバージョンアップしていました。

• 帰って来た IEPNGFIX 改め PNG-TR | YungSang’s
• PNG-TR | Google グループ

私的注目機能は iepngfix.js だと png 画像が要素のサイズに合わせて拡大・縮小されていたのですが、PNG-TR では behavior の指定方法が 3 種類 (後方互換も含めると 4 種類) 用意されており、画像のサイズを維持して表示することもできます。

何ができるようになったのかというと、例えばリストアイコンとか要素のサイズは横幅いっぱいだけど画像サイズは 15 x 15 なんていうとき、iepngfix.js では無惨に拡大された画像に胸を打ち砕かれ諦めるしかなかったのですが、PNG-TR を使うとハッピーターンを 10 袋大人買いしたようなうれしさでいっぱいになりますヽ(・ω・)ﾉ

IE 6 で透過 png を表示する「PNG-TR」 の全文を読む

About のページを更新しました。ページ右上の ？ をクリックしてみてください。

自己紹介として是非掲載したいと思ったのが、自分のサイトや各種利用ツールへのリンク。
リストアイコンのように favicon を表示してみたくて探したところ発見しました。
favicon API javascriptライブラリ [jQueryプラグイン] | jigelog
jQuery を使わない通常版もありましたが、すでに jQuery を利用しているのでこちらのプラグインを使わせていただくことに。

もう jQuery も怖くないので、大体何が書いてあるのかわかりましたヽ(・ω・)ﾉ
使い方も簡単で、普通のリンクに class=”（任意の class 名）” をつけるだけ。私は class=”favicon” としました。
こんなかんじ。About のページにいっぱいあるよ！

任意のリンクに favicon を表示する jQuery プラグイン の全文を読む

miniturbo 先生にテンプレートでけたよ！とご報告したところ、早速厳しいチェックが入りました。
彼は、私が初めて jQuery を触ってよろこんでいたときにステキなお祝いをくれた方です。

for( ; ; ){alert('Hello world !')}

それと nic 先生から聞いた話をメモ。

jQuery の書き方メモ の全文を読む

これはすごいと噂の Google Analytics を使ってみることにしました。今さらジロー。

サイトの登録までは簡単にできたのですが、トラッキングコードを挿入したところで問題が発生。
難しいことはよくわからんのですが、ナビゲーションをうにょーんと開閉するやつは通常表示されているものが JavaScript を読み込むことによって非表示に、Navigation Open をクリックすると表示されます。
ところが nicせんせーによると onLoad がどうのこうので、Google Analytics のコードも読み込みしてから非表示になるので数秒間ナビゲーションが表示されてしまうようになってしまいました。

これを回避するには JavaScript の読み込みに優先順位をつけたらいいんじゃないかということで、以下がヒントになるかもとのこと。
JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 – holidays-l開発ブログ
jQuery とナビゲーションうにょーん.js を先に、Google Analytics のコードを後に読み込めばいいってところまではわかったけど、実際やってみるとなかなかうまくいきません。
ちょっとかっちょ悪いですがスルー願います＞＜

p15.jp のテンプレートを wp.vicuna で再構築中であります。
果てしなく中途半端だった雪の結晶デザインを完成させようと頑張っているのですが、もう春なんですよね・・・。
こっちはまだ真冬なんで許してください。

昨年末あたりからサイドバーを開閉できるやつがいいなーと思って jQuery + 既存のプラグインをいろいろ探してはみたものの、これだ！という機能のものがなく半分諦めていました。
今回のテンプレートにはどうしても実装したくて IRC でぼやいたところ、wuせんせーと nicせんせーから超絶ヒントと罠をいただき、思い通りのものを自分で書くことができましたー！
JavaScript なんてやりたいと思うだけで一生無理だと思っていたけど、これなら私にもできる！
今なら履歴書に「JavaScript できます」って書きたい気分ですがそんな身分ではありません。
でもできると思ったことはなんだかんだ言ってできるようになってるはずなので、これから少しずつだけど jQuery でいろいろやってみたいと思います。せんせー方ありがとうございました！

ちなみに罠というのはこれ

while(1){alert('Hello world !')}

おかげ様でブラウザ再起動しました＞＜
手厳しい指導をありがとう nicせんせー(´･ω･`)