Movable Type 備忘録

 Rounded Corners with jQuery

こんばんわ^^

本日最後のカスタマイズ記事です。いい加減夕飯の支度しないと怒られちゃう (;￣∇￣A はは
ちょとコリスさんとこで jQuery のプラグインがご紹介されてたので試してみました。

矩形を角丸にするスクリプトです。input タグや button タグなど、ほとんどの矩形に適用可能っぽいです。
以下のサンプルでは <td>、<form>、<p>、<a>、<input( submit )>、<button> タグを角丸にしてます。

どうやらスタイルシートで hover 擬似クラスを指定していた場合、IE でもモダンブラウザと同様の表示を可能にしてくれるみたいですね (●´∀｀●)

角丸スクリプトってページを読みきった後で角丸にされるので、タイムラグがある印象を受けるのですが、割と違和感なく使えそうです。読込むページサイズや他の JavaScript の影響にもよると思いますが･･･。
Rounded Corners プラグインは以下のページからダウンロードできます。

ただし注意することは、やっぱりモダンブラウザと IE とでは角丸の大きさ!? が異なってしまいます。 他のスクリプトでもそうだったのですが、スタイルシートのパディングには注意してくださいね。

READ MORE

 Fancy Zoom with jQuery

こんにちわ^^

最近 Podcast ってのでヒアリングの勉強も始めたんです。
iTunes Store から無料でダウンロードできるものがあるので、毎日それを聞きつつ電車の中では The Japan Times を読みながら通勤してます。
でもねぇ･･･朝の通勤時間帯はめっちゃ混んでる( 当然ですけど )ので、あまり落ち着いて読めないのが現状。なので今は女性専用車両に乗る事にしました。
ただねぇ･･･不便なんですよ。下車する駅の出口改札から相当遠くなるんです（つω-`｡）しょうがないので気持ち早めに出社するようにしました。

さて、前回に引き続き jQuery ネタをもう一つ。
Lightbox を筆頭にいろんなライブラリが配布されてますが、その中の一つ Fancy Zoom のご紹介です。

今どきのはどれも実装がカンタンですが、Fancy Zoom もめっちゃカンタンです。
Fancy Zoom は以下から入手できます。

READ MORE

 Color Fading Menu with jQuery

こんばんわ^^

お友達に頼まれてたテンプレートセットを時間の合間みてせっせと作ってたのですが、だいぶ完成してきました。
お友達といっても 1 回り以上年上の方なので、一応歳相応に落ち着いた、シックなものを･･･ということでいろいろ配色してます。

黒系統が好きなわたしですが、好みが合って気に入ってくれると嬉しいな (●´∀｀●)

さて、久々に jQuery を使ったカスタマイズのご紹介です。
ナビゲーションバーなどのメニューにオススメの一品かもです。

上記メニューは以下のページで配布されてる jQuery 用のスクリプトを使ってます。

READ MORE

 JavaScript フレームワークに依存しないアコーディオンエフェクト（Animated JavaScript Accordion）

こんばんわ^^

久しぶりに JavaScript のコードを解析して、実装してはテストを繰り返したのですが、改めて感じたことは Firefox ってホント遅いのねってことです。
Firefox3 になってもやっぱり Safari や Chrome と比べると格段に遅かったです。

でも、将来の Firefox のアルファバージョンと言われる、Minefield( マインフィールドであってる!? )というブラウザを少し使わせてもらったのですが、こちらは JavaScript の処理能力が格段によくなってました。
比較はしてないけど Safari、Chrome と同等くらい早かったです。スムーズに表示されます。

共存はできるそうですが、既にインストール済みの Firefox アドオンがそのまま Minefield でも一部使用されてしまいます。
まだベータにもなってないアルファ版なので、インストールする人は気をつけてくださいね。

さて、prototype や jQuery などといった JavaScript フレームワークに依存せずアコーディオンのようなエフェクトを使ってサイドバーの折りたたみをやってみました。

READ MORE

 [2008.10.18] Firefox 3 拡張機能

こんばんわ^^

昨日の『流星の絆 第一話』観ましたか (●´∀｀●)!?
わたしはドラマが始まる前に原作を読んでたのですが、ずいぶん演出や三兄妹のキャラが脚色されてましたね。

原作ではもっとシリアスな内容だし、三兄妹ももっとクールなかんじ( 特に功一 )なのですが、ドラマはちょと崩し過ぎ( コメディになっちゃった )じゃなかったですか!? わたし的にはかなりいただけませんでした。残念。

クドカン( 宮藤官九郎さん )が脚本を手がけるとあ～なっちゃうのかなぁ。やっぱり原作読んでおいてよかったよ (;￣∀￣A ほっ

放送が金曜なこともあるし、イメージが崩れるってのもあるのでもぅ観るのやめようかどうしよっか考え中。

さて、Firefox 3 がリリースされてだいぶ経ちますが、今まで使ってた拡張機能もほとんど対応されたようなのでご紹介 (ｏ￣∀￣)ノ
とはいっても、わたしはしばらく Safari を使ってたのでみなさんの方が詳しそうですね。オススメな拡張機能あったら紹介してください (●´∀｀●)

READ MORE

 アクセスランキング・プラグイン（jquery.pagerank.js）

こんばんわ^^

先日ご連絡したように、こちらのAjaxでアクセス・ランキングを表示する４でご紹介してる、jQuery 用のアクセスランキング・スクリプトをプラグイン化してみました。

プラグイン化に伴って少し使い方が変更されてます。

READ MORE

 CSS でクールなボタンを表示してみる

こんばんわ^^

太鼓の達人と言われる人を噂では聞いておりましたが見たのは始めてで、実際にプレイしてるとこ見てビックリです。まさに神ですっ!!
すっごい反射神経!? 人並みはずれた動体視力!? まぁ、どちらにしてもわたしには真似できない早技です (;￣∇￣A

それにしても YOSHIKI さんはとってもステキ (●´∀｀●) ぽっ
記念( 何の!? )に YouTube の動画を初めて貼り付けてみました。

さて、phpspot開発日誌 さんとこでけっこう使えそうなボタンデザインがご紹介されてました。

ちなみにわたしのサイトでは、以下のセクシーボタンを使わせてもらってます。( 今は表示させてないけど )

どちらのボタンも float が使われてますので気をつけてください。