August 2008 Archive

この2〜3日、透過pngを大量に使うデザインのコーディングを行っていましたが、その中で困ったのがIE6で透過pngがロールオーバーしてくれないこと。

様々なライブラリを試したけれどもやっぱりロールオーバーしません。ところが唯一ロールオーバーに対応していたのがユンサンが配布しているiepngfix.jsのバージョン1.4。マウスオーバーさせたいオブジェクトとロールオーバー画像を引数にしてhover関数をコールすると言う使い方をします。

僕の場合はjQueryを使うケースが多いので、外部JSに以下のように書き出して使ってます。

$(function()
{
     var lo_nav1 = document.getElementById('lo_nav1');
     IEPNGFIX.hover(lo_nav1, 'btn_hoge_on.png');
});

ちなみに通常透過pngを使う場合は専用のクラス

* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

のように作っていますが、ロールオーバーさせるオブジェクトにはこのクラスの記述はしません。通常だったら<img src="hoge.gif" class="iepngfix" />みたいな記述をするけれどもロールオーバーさせたい場合は<img src="hoge.gif" id="lo_nav1" />のようにIDの指定だけでオーケーです。クラスを記述してしまうとロールオーバーしたままになるので要注意です。

覚え書き。

■選択範囲 （select）
Modify （選択範囲を変更）
Contract （縮小）
Expand （拡張）
Feather （境界ぼかす）

Read more

以前友人宅にお邪魔した時、子供がトミカのランボルギーニムルシエラゴを気に入っていたので家でも買いました(実は僕が欲しかった)。こんなおもちゃが300円を切るとは...

サスペンションがついてるので横滑りさせても転倒しません。ちなみにKISSのトラックやドラッグカーは当然のごとく横滑りさせると転倒します。

なんだかトミカが気に入ってしまい、ちょくちょく買ってしまいそうです。

トミカオフィシャルサイト

つい先日リリースされたMovable Type 4.2、お盆休みのうちにアップグレードしてしまおうと思い早速アップグレードしておきました。

以前のアプリケーションディレクトリをリネームし、MT4.2をFTPでアップロード。mt-config.cgiとdbを移行し難なく完了。

ついでにSQ-LiteをMySQLに移行しようとsqlitebrowserを使ってSQ-LiteのデータベースをMySQLに書き出してインポート...うーむエラーが出てダメでした。今回はデータベースの移行は諦めました。

さて、昨日になりますが今度はスクリプティング科と言うPHPの授業を含む科の受講生に向けて講演を行ってきました。

スクリプティング科とは言えWebデザイナー志望がほとんどとのことだった。プログラマー目指す人が多いと思っていたのでレジュメを出さなかったのだが、希望者は終わってから言ってくれればプリントしますよと言うと、10人ぐらいの生徒が来てくれた。

実はこの科の先生の評判がすこぶる良くない。どうやらあまりやる気の無い先生らしい。講演の反応では受講生の皆さんは中々のやる気を持っているのに、先生がやる気が無いのは非常に悲しい。

今回は2回の講演で50名程度？の受講生に話をしたのだが一人でも多くの人がWebデザイナーになってくれたらなと思ってます。

本日はWebデザイナーを目指す人達へ向けての講演に行ってきました。パワポのデータを見たら最初に講演に行ったのは2007年5月29日。計6回も講演を行っている事に気づいてびっくり。

当時のパワポを見てみるとあまりにもお粗末な内容で恥ずかしくなる。自分が初めてWeb制作をした時の作品を見て恥ずかしくなるのと同じような恥ずかしさ。

スライド資料もさることながら、自分の話術？に関しても大分成長したかなと思う。このような経験を積ませてくれたM先生に感謝です。

またまたDreamweaverテンプレートネタです。

Dreamweaverのテンプレートでは三項演算子が使えます。三項演算子とはある条件が一致した場合は左の値、それ以外は右の値を実行する演算子です。記述方法は@@(（条件）?'真の時実行する値':'それ以外の場合実行する値')@@と言う形です。

今回はDreamweaverのリピート領域を使ってQ&Aの部分をテンプレート化します。まず以下のような条件のテンプレートを作る事にします。

1.質問と回答を編集可能とする。
2.質問、回答に連番を振る。
3.5項目おきに"このページの一番上へ"のリンクを表示する

Read more