昨日某ブログの管理人さん（笑）との飲み会の席で誰もfixed.jsの事を話題にしないのは何故だ？なんて話になりました。
fixed.jsはIE6でposition: fixed;を使う事を可能にするライブラリで、僕の頭の中にはposition: fixed;を使う事自体頭になく特に気にした事はなかった。
つい先日Webマニュアル関連のコーディングをする事になった話をし、これ左サイドのナビを固定出来たらな…なんて話をしたら、なんでfixed.jsを使わないんだ！って事になりました。
早速DLして使ってみると…いやこりゃ便利（笑）使わせていただきます！
上記サイトの最下部moduleのテキストからダウンロード可。headタグ内に <script type="text/javascript" src="fixed.js" ></script >の記述をすればOK
class属性を与えるだけで画像のエッジにドロップシャドウやインナーシャドウ、はたまた角丸を与えてくれるJavascriptライブラリcorner.js。
便利なのが角丸+ドロップシャドウ、インナーシャドウ+ドロップシャドウなど複合して使えるところ。
ただ大きな問題がWindows IE6にもIE7にも対応してないところ。けれどもclassを与えるだけなのでサクっと付けたり外したり出来るのは魅力。
IE7で正式にサポートされた24bit png。今年はこのpngを使ったサイトが流行しつつあるけど、このアルファチャンネルを持った24bit pngをIE6以前で使うにはアルファイメージローダーというややっこしい記述をする必要があった。しかもアルファイメージローダーを使用した要素内にリンクがあった場合、リンクが効かないという使うには致命的な欠点があった。
しかーし！なんとIE6以前で24bit pngを表示させ、リンクの機能もばっちりのJavascriptライブラリがDesign Walkerさんのブログで配布されてました。
いや〜こういったライブラリは助かりますね〜ありがたく使わせていただきます！
先日のエントリーで個別アーカイブページでLightbox JSが動作しないと書きましたが、いろいろなことが起こるのやすなおさんが教えてくれた小粋空間のエントリーをよーく読んだら解決いたしました（苦笑）
その内容と言うものがbodyに記述されたonloadイベントハンドラがLightbox JSと競合してしまう問題だった。そういや仕事でLightbox JSを導入したときにonloadと競合したなぁ〜と思い出した…てな訳で無事個別エントリー問題は解決しました。
最近流行の画像をフォーカスさせて見せるスクリプトを導入。Light Boxにしようかな？と思ったけど何となくThickboxの方をチョイスしてみた。
使用方法は簡単でこちらのサイトのDownload This Exampleからファイルをダウンロード。中のglobal.cssとcircle_animation.gifとjquery.js、thickbox.jsを取り出して使用。それぞれのファイルをcss、js、imagesフォルダに格納してthickbox.js内に記述されているcircle_animation.gifのパスを変更すればOK♪global.css内のプロパティを書き換えれば色々変更も出来る。とりあえずデフォルトでしばらく使って見よっと。
写真は何となくハワイに行った時の写真。
このブログは携帯でもご覧になれます。携帯のバーコードリーダーでQR Codeを読み取ってご覧ください。
 |
 |
 |
|
 |
|
 |
|
 |
|
Recent Coments