透過pngをIE6で使う方法いろいろとjQueryプラグイン

2008年1月07日 11:01

IE7の自動更新が2008年2月13日に始まるそうなので「昔は透過pngが使えなかったんだよね。IEの実装がダメダメでさぁ～」なんて言う時代がそのうち来るのかなぁと思いつつも、実際問題としてはまだまだIE6のシェアは無視できないですよね。特にアルファ画像をIE6で扱うのは悩みどころです。しかし現在では数多くの方がIE6でアルファチャンネルを持ったpngを表示させる方法を公開していらっしゃいます。

アルファ画像を扱うalphafilter.jsライブラリ - to-R
僕も半透明 png を使うためのライブラリ作った！ -IT戦記
IE6でアルファチャンネルを含むPNGを表示する -ウノラボ
IEでアルファチャンネルPNGを表示する （iepngfix.htc）-youmos
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる -DesignWalker

jQueryでクロスフェードをやってみる

2007年7月26日 18:37

少し前にWWW Watchさんで紹介されていたJavaScript でバナーをクロスフェード表示というやつ。これくらいならjQueryだけでも実現できそうだなーと思って作ってみました。
かなり力技でやってますが一応動きます。jQueryのfadeInとfadeOutメソッドを使っています。なんかもっと上手いやりかたありそうだけど、「こうした方がいいよー」ってのがありましたら是非教えてくださいませ。ちょっといじれば簡単な画像のスライドショーみたいのも作れそうです。
以下HTMLとスクリプトです。

jQuery1.1.3がリリース800%スピードアップ

2007年7月02日 23:18

jQuery1.1.3がリリースされました。公式ブログを見るとjQuery 1.1.3: 800%+ Faster, still 20KBと書いてあります。「800%スピードアップってどんだけー？」という感じですが、速くなってくれるのは使うほうにとってもありがたいですね。今まで「軽量、高速」と謳って来たjQueryですが、実際はスピードの方はそうでもありませんでした。でもこれでだいぶ改善されたかな？
今回のバージョンはバグフィックスとスピードの改善の他、地味に機能強化もされているようです。例えば下記のようなユニコードセレクタ(2バイト文字のセレクタ)が使えるようになりました。

Interface.jsで簡単スムーススクロール

2007年6月18日 9:20

久々にjQueryネタです。最近jQuery版script.aculo.usなどと言われているInterface.jsについて何回かにわけて紹介していこうと思います。
まずはjQueryとInterface.jsをダウンロード
今回はjQueryとInterface.jsで作るスムーススクロールです。ページ内リンクを滑らかに移動するやつ 。script.aculo.usにも同様のエフェクトがありますが、たぶんこっちのほうが設定も簡単です。jQueryを使うので、まずはjQueryをダウンロードしてきましょう。最新版は1.1.2です(2007年6月現在)。 適当な場所に保存してください。

Wordpress2.2にアップデート

2007年5月30日 7:00

WordPress2.2が出てからはや数日が経過。テスト環境に入れてみたりして遊んでいたのですが、こっちの本サイトをいじっている余裕が･･･。べ、別に放置していたわけではないですけど、なんとなく気が乗らなくて「アップデートめんどくさ！」なんて思っていた訳では断じてないです！
そんなワケでめでたくWP2.2にアップデート。今回から日本語リソース作成チームで日本語化した WordPress 2.2のパッケージがお目見えしたので、ありがたく使わせて頂きました。ついつい比較対照でMTと比べてしまうんですが、アップデートもWPの方が簡単のような気がします。ついでにテーマもちょこっと梅雨の季節っぽく変えてみました。自分のサイトだと好きにいじれるので良いですねー。まだ細かな部分でズレたり、表示が変だったりしてますけど、そのうち直していきます。jQueryを使った機能とかも付け加えたりしようと考え中。(実現時期未定ｗ)

コーディングコンテストの種明かし

2007年5月15日 16:00

CSS Nite連動企画コーディングコンテストで鬼頭賞をいただきました。受賞できるなんて思っていなかったのでびっくりです。本当にありがとうございます。
このコンテストに参加しようと決めたとき「どうせやるなら何か挑戦的なことをやろう」と思いました。「他の人はやらないだろうな」ということをあえてやってみました。
終わってから振り返れば「こうすればよかったなー」という部分はいろいろあります。ブラウザによっては角丸部分がずれていたり、印刷用スタイルシートも最低限の指定だけだったり・・・。時間との闘いで妥協した部分もあります。反省材料も多々あるのですが、それも自分の糧として今後に活かしていこうと思います。
さて、折角データが公開されたので自分の手の内(といってもそんなにないですけど･･･)を明かしてみようと思います。

使えそうなjQueryプラグイン

2007年4月11日 13:46

jQueryプラグインの抜粋。使えそうなプラグインをピックアップして説明しています。jQueryユーザーは是非！

jQueryでCSS3を先取り！

2007年2月28日 15:02

CSS3で実装される予定の新しい属性セレクタ「内包テキストマッチング属性セレクタ」についての説明と、それをjQueryで用いる際の方法・Tipsを紹介。

入力テキストその場で確認！ライブコメントプレビュー

2007年2月25日 18:56

テキストエリアに入力された文字をその場で直に確認できるライブコメントプレビュー機能。これをjQueryを用いて実装します。

IE6で隣接セレクタを使うには

2007年2月23日 7:22

隣接セレクタをjQueryを用いて使う方法。jQueryはクロスブラウザ対応なのでIE6でも隣接セレクタを使うことができます。