<img alt="freecs.jpg" src="/legacy/images/freecs.jpg" width="360" height="277" />

<a href="http://www.freecs.co.jp/">http://www.freecs.co.jp/</a>

建築設計事務所のWEBサイトです。本格的に（？）フリーで仕事をし始めてから、初のリニューアル案件ですが、なんとか完了することができました（一部未完ですが・・・）。このような機会を頂いた方々、忙しい中、原稿や素材など用意して頂いたクライアントの方々に、感謝の限りです。スケジュールの見通しの甘さには反省しきりです。精進します。

今回はLightbox.jsを実装しました。プリロードとの競合はありますが、クリックアクションだけで従来のポップアップウィンドウに近い表現ができ、使い勝手も悪くない、よくできたライブラリです。

大きな案件が１つ終わって解放されたいところですが、４月もすでにスケジュールが渋滞しております。うれしいやら、なにやら・・・ＧＷまでは気を抜けません。

freecs.co.jpリリース

[月刊アスキー：MovableTypeで構築するWebサイト入門: Lightbox.jsのエントリーアーカイブでの動作を改善](http://gekkanascii.jp/2006/01/lightboxjs.html)



Lightbox.jsを使用するときに気をつけなければいけないのは、上記記事で書かれているように、onloadが競合してしまうという点。Dreamweaverではマウスのロールオーバーエフェクトで使用する画像をプリロードするわけですが、プリロードは`<body>`タグの`onload`イベントで実行されます。


これを回避するには、今のとこ僕の知識ではプリロードを`onload`から外し、`<body>`内の適当な箇所に、`<script>`で貼っつけるぐらいしか考えられませんが、テンプレートなんかを使っていると当然`<body>`は編集可能領域外になるのでいちいちテンプレートを解除してプリロードの位置を修正しアップロードするというきわめてめんどくさいことになります。

ightbox.jsは`target`属性を使用しないで、ポップアップ的な見せ方ができる（使い勝手もなかなか良いですよ）便利な代物なので今後も使いたいんですが・・・当然のごとく`<body>`に`onload`イベントを関連付けるDreamweaverが、中古家電を軒並み廃棄処分品扱いする某省のように憎らしい今日このごろです。

Lightbox.jsとプリロードイメージ

<a title="でバルーン:phpspot開発日誌" href="http://phpspot.org/blog/archives/2006/03/javascript_5.html">JavaScriptでバルーン:phpspot開発日誌</a>

<a href="http://www.dhtmlgoodies.com/index.html?whichScript=bubble_tooltip">balloon tooltip</a>



こんなのばっか集めてますが・・・
phpspotさんは目の付けどころが素晴らしいです・・・

JavaScriptでバルーン表示

<a title="はてなダイアリー - 村上信夫とは" href="http://d.hatena.ne.jp/keyword/%C2%BC%BE%E5%BF%AE%C9%D7">はてなダイアリー - 村上信夫とは</a>

都合により、夜更かしすることが多いこのごろ。たまたま深夜にNHK教育で３分間クッキングのだいぶ昔の再放送をやっていて、その料理の先生が村上信夫さんです。 
ちょっと太めの体をゆさゆさしながら「おいしゅうございます」と出来上がる料理は確かにうまそうだ。食べることにおろそかな僕らに、料理してくれたものを食べられる幸せ、作った料理を食べてもらえる幸せ、そんな極めて単純な事をひたむきに訴えている気がして、なんか、ほろっと来ました。３分間クッキングで。ンー、ついに気がふれたか・・・？

しあわせーって、なんだっけ？×２

<a title="JavaScriptで角丸で指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌" href="http://phpspot.org/blog/archives/2006/03/javascripthtml.html">JavaScriptで角丸で指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌</a>

こんなことができるのかー。これってクロスブラウザなの？メモ。

JavaScriptで角丸

<img alt="IMG_0971.jpg" src="/legacy/images/IMG_0971.jpg" width="360" height="270" />

母校が移転で取り壊されるということで、最後に部室を見に行こうという企画に行ってきました。７年前から変わってないドア。

<img alt="IMG_0973.jpg" src="/legacy/images/IMG_0973.jpg" width="360" height="270" />

ほんとは超きたないです。。。

<img alt="IMG_0991.jpg" src="/legacy/images/IMG_0991.jpg" width="360" height="270" />

実際、ここで練習してたわけではないんですが、だべったり、卒業設計で泊まる時とかはお世話になりました。一部は残って、あとは豊洲に移転するそうです。豊洲工業大学？ 
そのあと、懇親会で久々にベースを弾いたら、１曲で指が水ぶくれになりました・・・精進が足りないなあ。

Archive for 2006.03

freecs.co.jpリリース

Lightbox.jsとプリロードイメージ

JavaScriptでバルーン表示

しあわせーって、なんだっけ？×２

JavaScriptで角丸

部室