web design Archive

Lightboxと似たようなエフェクトで動画やFlashの再生に使えるJavaScript、Mediaboxを使ってみることに。

動作サンプルのサイト

導入にあたり、公式サイトの手順に従い試してみるのですが、this.keyboardListener.bindAsEventListener is not a function・・とか、なんたらかんたらエラーが出てうまくいきませんでした。
エラー文でググってみたところ、どうやらMediaboxは、その利用に必要なJavaScriptライブラリのMooToolsの最新版であるVer.1.2には非対応であり、そのために出たエラーのようです（Mediabox開発元サイトでは、次のメジャーなバージョンアップ（Ver.0.7.4か？）の際には対応予定と書いてあります）。
しかし、現行MooToolsのサイトにはVer.1.2しか見当たりません・・・。ということは、今のところ、Mediaboxを利用しているサイトを探し、そのソースからmootools(Ver.1.11)のファイルのアドレスを抜き出して中身をコピーする・・・という、オープンソースとはいえ少し罪悪感の残るやり方をするしかなさそうですね（＾＾；）

mootoolsは他にもこんな使い方ができるそうです。もっと使いこなしてみたいですね。
mootools 93 Plugins：skuare.net

突然ですが、リニューアルしてみました。
就職活動に関連して、今まで自分が作ってきたWebサイトを紙に出力してポートフォリオにまとめているうちに「自分個人のサイトが借り物のテンプレートではいけない！！」と思ったので、ほとんど衝動的に。

今回のテンプレートは素材から何から自前です。夕食後おもむろに水彩絵の具を取り出し、思うままに描画！筆を持ったのも3年ぶりくらいで、なかなか思うようにいかず何枚も何枚も描きました。手が色々と忘れているのはつらいけれど、やっぱり上手に描けるようになりたい。努力努力。
その後すぐスキャンしてレイアウトしてコーディング。IE6、7およびFireFoxにて動作確認済み。CSSハックでPNG Fixらしきことを初めてまともにやりました。それから、何気にAnother HTML-lint gatewayでもトップページは満点です☆　よくわからない意地で、ここまで一晩のうちに仕上げました。

お仕事以外の自分のサイトをデザインしたのは実は結構久しぶりだったりもします。でも、「趣味」として小学校の頃から好きで好きでたまらなかったことに寝食を忘れて没頭することができたからか、かなりの充実感です。
いい気分になれたところで、そろそろ眠ります。