PNG-24をIE6で透過表示
透過画像といえばgifと今まで自分の中で決め付けていた感が
ありましたが、最近はpngの凄さにちょっと感激しております。
PNG-24はgifの透過表現に比べ比較にならないほど優れています。
gifは透過といってもドロップシャドウなど入った部分は、背景の
色に依存するため、どうしても仕上がりがうまくいきません。
その点PNG-24は背景色に依存されることなくドロップシャドウの
表現を実現してくれるので、非常にいい感じです。
ただ、PNG-24はIE6で透過した部分に色がついて表示されてしまうと
いう難点があります。
上記の点から、優秀だが使うのを控えていたのですが、どうやら
IE6でもPNG-24を透過表示する方法があるようです。
以下がその方法です。
<div id="gazou" style="height:26px; width:194px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='透過させたいPNGファイル' ,sizingmethod=image);"></div>
filterを使い表示させているところがミソのようですね。
ただし、これはIE6での表示なので、スタイルシートでIE6用として
上記の内容を記述するのがいいかも知れません。
#gazou {
width:194px;
height:26px;
display:block;
background-image:url(images/gazou.png);
}
/* IE6用 ------------------------------------------------ */
* #gazou {
background:none;
width:194px;
height:26px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/gazou.png' ,sizingmethod=image);
}
/* IE6用 ------------------------------------------------ */
gifを使っている方で、透過部分に不満をお持ちの方は、一度試して
みる価値ありです＾＾ｖ
ありましたが、最近はpngの凄さにちょっと感激しております。
PNG-24はgifの透過表現に比べ比較にならないほど優れています。
gifは透過といってもドロップシャドウなど入った部分は、背景の
色に依存するため、どうしても仕上がりがうまくいきません。
その点PNG-24は背景色に依存されることなくドロップシャドウの
表現を実現してくれるので、非常にいい感じです。
ただ、PNG-24はIE6で透過した部分に色がついて表示されてしまうと
いう難点があります。
上記の点から、優秀だが使うのを控えていたのですが、どうやら
IE6でもPNG-24を透過表示する方法があるようです。
以下がその方法です。
<div id="gazou" style="height:26px; width:194px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='透過させたいPNGファイル' ,sizingmethod=image);"></div>
filterを使い表示させているところがミソのようですね。
ただし、これはIE6での表示なので、スタイルシートでIE6用として
上記の内容を記述するのがいいかも知れません。
#gazou {
width:194px;
height:26px;
display:block;
background-image:url(images/gazou.png);
}
/* IE6用 ------------------------------------------------ */
* #gazou {
background:none;
width:194px;
height:26px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/gazou.png' ,sizingmethod=image);
}
/* IE6用 ------------------------------------------------ */
gifを使っている方で、透過部分に不満をお持ちの方は、一度試して
みる価値ありです＾＾ｖ
残暑見舞いシーズン
時が経つのは早いもので、つい最近暑中見舞いのサイトをオープン
させたばかりなのに、気がつけばもうすぐ立秋です。
2008年の立秋は8月7日のようで、この時期を境に「暑中見舞い」
から「残暑見舞い」へと変わります。
正直なところ、まだまだ「残暑」というには早いと思うほど毎日が
暑いです(・_・;
汗っかきな自分としては、暑いのはあまり好きではないんですが、
見るもの全てが色鮮やかで、原色に囲まれた空間がとても爽快な
気分にさせてくれるので、夏自体は大好きです☆
赤ちゃんもさすがに暑いらしく、手足を握るとじんわりと汗をかいて
いることが多いです。
何もしなくても外にいるだけで大の大人が熱中症になる世の中。
赤ちゃんを散歩に連れていきたいところですが、ちょっと怖くて
外に連れ出すのは少々控えてます＾＾；
高校野球も始まる季節。
夏真っ盛りですが、だれることなく毎日頑張りたいと思います＾＾ｖ
させたばかりなのに、気がつけばもうすぐ立秋です。
2008年の立秋は8月7日のようで、この時期を境に「暑中見舞い」
から「残暑見舞い」へと変わります。
正直なところ、まだまだ「残暑」というには早いと思うほど毎日が
暑いです(・_・;
汗っかきな自分としては、暑いのはあまり好きではないんですが、
見るもの全てが色鮮やかで、原色に囲まれた空間がとても爽快な
気分にさせてくれるので、夏自体は大好きです☆
赤ちゃんもさすがに暑いらしく、手足を握るとじんわりと汗をかいて
いることが多いです。
何もしなくても外にいるだけで大の大人が熱中症になる世の中。
赤ちゃんを散歩に連れていきたいところですが、ちょっと怖くて
外に連れ出すのは少々控えてます＾＾；
高校野球も始まる季節。
夏真っ盛りですが、だれることなく毎日頑張りたいと思います＾＾ｖ
自転車に関わる不幸続き
少し前に自転車で車と接触事故を起こしたことを記事に書きました。
その日以来、立て続けに自転車に乗ると不幸なことが起きています。
先日、お昼休みに自転車をこいでいて、信号が赤のため停止し、
地面に足をつきました。
すると、ちょうどその足の付いたところにガムがあったらしく、
靴の裏にべっとりとガムがついてしまいました。
夏場のアスファルトはとても暑く、ガムもものすごく柔らかい状態で、
地面でこすってもとれることはありませんでした。
もう一つは、そのお昼休みの帰り道、何やら後輪から一定間隔で
「スーッ、スーッ」っと空気が抜ける音がすることに気づきました。
会社の前でタイヤを確認したのですが、特に異常は見えず
気のせいかとそのまま社内に戻りました。
帰宅時間となり、自転車で帰ろうとすると、やはり昼間と同じように
一定間隔で空気が抜ける音がします。
マンションに着いてじっくりタイヤを確認すると、なんと画鋲が見事に
刺さっていました。
結局その週末自転車のパンク修理を頼み、思わぬ出費となりました。
2つとも大きな出来事ではありませんが、こうも立て続けに自転車に
乗ったときにハプニングに見舞われるのは、ちょっと気持ちのいい
ものではありません(-_-;)
こういうときは何かしら大きな事が起きる可能性もあるので、
十分に注意して自転車に乗りたいと思います。
その日以来、立て続けに自転車に乗ると不幸なことが起きています。
先日、お昼休みに自転車をこいでいて、信号が赤のため停止し、
地面に足をつきました。
すると、ちょうどその足の付いたところにガムがあったらしく、
靴の裏にべっとりとガムがついてしまいました。
夏場のアスファルトはとても暑く、ガムもものすごく柔らかい状態で、
地面でこすってもとれることはありませんでした。
もう一つは、そのお昼休みの帰り道、何やら後輪から一定間隔で
「スーッ、スーッ」っと空気が抜ける音がすることに気づきました。
会社の前でタイヤを確認したのですが、特に異常は見えず
気のせいかとそのまま社内に戻りました。
帰宅時間となり、自転車で帰ろうとすると、やはり昼間と同じように
一定間隔で空気が抜ける音がします。
マンションに着いてじっくりタイヤを確認すると、なんと画鋲が見事に
刺さっていました。
結局その週末自転車のパンク修理を頼み、思わぬ出費となりました。
2つとも大きな出来事ではありませんが、こうも立て続けに自転車に
乗ったときにハプニングに見舞われるのは、ちょっと気持ちのいい
ものではありません(-_-;)
こういうときは何かしら大きな事が起きる可能性もあるので、
十分に注意して自転車に乗りたいと思います。
天神祭りで花火見物
出産後はじめての注射「BCG」
本日、赤ちゃんが生まれてはじめて注射を受ける日です。
その名もBCG。
いわゆる「はんこ注射」と言われるものです。
子供の頃にうけた記憶は、かすかに残っているくらいで、
BCG自体痛かったかどうかもあまり覚えていません。
ただ、赤ちゃんにとっては初体験。
一体どんな反応を示したのか。
（まだ帰宅していないので結果を知らない＾＾；）
以前は、幼児期、小学、中学の3回の接種だったらしいですが、
今では生後6ヶ月以内（生後3ヶ月以降推奨らしい）に1回のみ
らしく、非常にお手軽です。
うちの赤ちゃんは偶然にも今日でちょうど3ヶ月。
ちょうど接種日と重なるなんて、これはもう受けなさいと言っている
ようなもんです（謎
何はともあれ、家に帰って息子の様子を見てみたいと思います＾＾ｖ
その名もBCG。
いわゆる「はんこ注射」と言われるものです。
子供の頃にうけた記憶は、かすかに残っているくらいで、
BCG自体痛かったかどうかもあまり覚えていません。
ただ、赤ちゃんにとっては初体験。
一体どんな反応を示したのか。
（まだ帰宅していないので結果を知らない＾＾；）
以前は、幼児期、小学、中学の3回の接種だったらしいですが、
今では生後6ヶ月以内（生後3ヶ月以降推奨らしい）に1回のみ
らしく、非常にお手軽です。
うちの赤ちゃんは偶然にも今日でちょうど3ヶ月。
ちょうど接種日と重なるなんて、これはもう受けなさいと言っている
ようなもんです（謎
何はともあれ、家に帰って息子の様子を見てみたいと思います＾＾ｖ
NVIDIA GeForce6200
仕事場のPC環境がデュアルディスプレイになったことは、
すでに記事に書いたと思いますが、この環境を実現する
べく、NVIDIA GeForce6200を会社で購入して頂きました。
自分の使っているPCは
HP Compaq Business Desktop dc5700 SF/CT です。
拡張スロットを見ると、
ロープロファイル PCI Express x 1 x1スロット(空1)、
ロープロファイルPCIx2スロット(空2) となっているので、
これらの条件に見合うもので、良さそうなものはないかと
探したところ、NVIDIA GeForce6200に目が止まった訳です。
商品を購入し、さっそくグラボの増設作業にとりかかりました。
なんなく完了し、いざデュアル！と意気込んで電源を入れると、
まもなくビープ音とともに何やら英語のメッセージが。。。
なになに。。
101-option ROM checksum Error.
An add-in card in your system is not working correctly.
If you have recently added new hardware,
remove it and see if the problem remains.
If this message goes away after you remove your new hardware,
there may be a problem with the add-in card.
うーむ、どうやらグラボのせいでエラーが出ているようです。
F1キーを押すと普通にWindowsにはログインでき、デュアルも
ちゃんとできました。
ただ、グラボのメモリが読まれてない様子です。
で、色々調べてみると、同じ症状の人がおれました。
たとえば、このあたり。
http://kuroutoshikou.com/modules/kurobbs/?tid=453
参考にしつつさらに調べ、ここに辿り着きました。
電源投入時に “101-Option ROM Checksum Error” が表示される
なるほど。
どうやらBIOSのバージョンが一番くさいな。
そう判断し、参考にしながらここからBIOSアップデートファイルを
ダウンロードし、手順に沿って作業開始。
FLASHメモリにアップデート用ファイルをコピーし、PC起動画面で
F10キーを16連射（ｳｿ
「ファイル」メニューからBIOS更新をスタート。
無事完了。
設定を保存して終了。
ヽ( ´ー`)ノフッ
ちょろいちょろい☆（でも、この時点で時間23時。。。）
何はともあれ、今は問題なく起動しデュアルを満喫しておりますｗ
でも処理速度が上がった感じは全くナシですｗ
すでに記事に書いたと思いますが、この環境を実現する
べく、NVIDIA GeForce6200を会社で購入して頂きました。
自分の使っているPCは
HP Compaq Business Desktop dc5700 SF/CT です。
拡張スロットを見ると、
ロープロファイル PCI Express x 1 x1スロット(空1)、
ロープロファイルPCIx2スロット(空2) となっているので、
これらの条件に見合うもので、良さそうなものはないかと
探したところ、NVIDIA GeForce6200に目が止まった訳です。
商品を購入し、さっそくグラボの増設作業にとりかかりました。
なんなく完了し、いざデュアル！と意気込んで電源を入れると、
まもなくビープ音とともに何やら英語のメッセージが。。。
なになに。。
101-option ROM checksum Error.
An add-in card in your system is not working correctly.
If you have recently added new hardware,
remove it and see if the problem remains.
If this message goes away after you remove your new hardware,
there may be a problem with the add-in card.
うーむ、どうやらグラボのせいでエラーが出ているようです。
F1キーを押すと普通にWindowsにはログインでき、デュアルも
ちゃんとできました。
ただ、グラボのメモリが読まれてない様子です。
で、色々調べてみると、同じ症状の人がおれました。
たとえば、このあたり。
http://kuroutoshikou.com/modules/kurobbs/?tid=453
参考にしつつさらに調べ、ここに辿り着きました。
電源投入時に “101-Option ROM Checksum Error” が表示される
なるほど。
どうやらBIOSのバージョンが一番くさいな。
そう判断し、参考にしながらここからBIOSアップデートファイルを
ダウンロードし、手順に沿って作業開始。
FLASHメモリにアップデート用ファイルをコピーし、PC起動画面で
F10キーを16連射（ｳｿ
「ファイル」メニューからBIOS更新をスタート。
無事完了。
設定を保存して終了。
ヽ( ´ー`)ノフッ
ちょろいちょろい☆（でも、この時点で時間23時。。。）
何はともあれ、今は問題なく起動しデュアルを満喫しておりますｗ
でも処理速度が上がった感じは全くナシですｗ
デュアルモニタ環境で作業効率UP！
とうとう仕事場のモニタがデュアルになりました☆
ヾ(〃^∇^)ノわぁい♪
いやあ、2画面ってすばらしいですねぇ〜♪
Dreamweaverあたりを使ってると、ソースいじってブラウザで
確認って作業を何度も行うんですが、1画面だといちいち
Dreamweaver最小化してブラウザ見て、またDreamweaver
最大化して。。。みたいな感じなんですね。
ウインドウのアクティブが変わるときにもたつきなんかあったり
して、結構イライラ＾＾；
でもデュアルになったことで、Dreamweaver開きっぱなしで
もう一画面にブラウザ開いた状態で作業が出来るので、
ウインドウを最小化したり最大化したりすることなく確認でき
ちゃいます！
まだデュアル環境に慣れてないので、ブラウザ開いたのに
立ち上がらない、あ、そか、こっちの画面だ。。。みたいな
ことも起こっていますが、慣れればさらに作業効率がUPすること
間違いなしだと思います(*^-^)
いやあ、こんなの体験してしまったら、仕事場だけでなく自宅
でもデュアルモニタしたくなってきたな〜♪
ま、デュアルにしたところで自宅じゃやること知れてるんですけどねｗ
とにかく、これからデュアルに慣れてバリバリ頑張りたいと思います！
ヾ(〃^∇^)ノわぁい♪
いやあ、2画面ってすばらしいですねぇ〜♪
Dreamweaverあたりを使ってると、ソースいじってブラウザで
確認って作業を何度も行うんですが、1画面だといちいち
Dreamweaver最小化してブラウザ見て、またDreamweaver
最大化して。。。みたいな感じなんですね。
ウインドウのアクティブが変わるときにもたつきなんかあったり
して、結構イライラ＾＾；
でもデュアルになったことで、Dreamweaver開きっぱなしで
もう一画面にブラウザ開いた状態で作業が出来るので、
ウインドウを最小化したり最大化したりすることなく確認でき
ちゃいます！
まだデュアル環境に慣れてないので、ブラウザ開いたのに
立ち上がらない、あ、そか、こっちの画面だ。。。みたいな
ことも起こっていますが、慣れればさらに作業効率がUPすること
間違いなしだと思います(*^-^)
いやあ、こんなの体験してしまったら、仕事場だけでなく自宅
でもデュアルモニタしたくなってきたな〜♪
ま、デュアルにしたところで自宅じゃやること知れてるんですけどねｗ
とにかく、これからデュアルに慣れてバリバリ頑張りたいと思います！
ShadedBorder.jsで角丸&ドロップシャドウ
Webページを作っていると、角の丸いテーブルやドロップシャドウ
されたアイコンなど、色んな表現が必要になる場面が多々あります。
普通なら角丸の部分を画像として作成し、背景の繰り返しと組み
合わせて角丸テーブルを実現したり、アイコンなどはあらかじめ
Illustratorなどで作成する際に、ドロップシャドウをした状態で保存
していると思います。実際、僕もそうやっています。
ところが、Javascriptならそんな手間をかけずとも角丸やドロップ
シャドウの表現が簡単に出来てしまうんです。
それらを実現してくれるのはShadedBorder.jsといわれるものです。
具体的な使い方は、楽：技林ブログさまで詳しく書かれていたので、
参考にさせていただきました。
(人-)謝謝 です。
実際に使ってみた感想ですが、実にすばらしい！
こんなに簡単に出来てしまうなんて驚きです。
もっと早くに知りたかった（え？おそい？ｗ
画像作成の手間も省けるし、ボーダーサイズや角丸の大きさなど
カスタマイズも出来きて、至れり尽くせりです(^・^)
ただ、あまり多用するとページが重くなるようなので、注意が必要
ですね。
何事もほどほどに、ってことですね☆
ちなみに、ページが縦に長い場合、背景がうまく繰り返されずに
切れることがあります。
そんなときはshadedborder.jsの155行目、162行目のheight値を
増やすことで、正常に表示されるようです。
今日も一つ、いい発見が出来ました♪
いやあ〜、javascriptってゴシゴシ(-_＼)(/_-)三( ゜Д゜) ス、スゲー!
されたアイコンなど、色んな表現が必要になる場面が多々あります。
普通なら角丸の部分を画像として作成し、背景の繰り返しと組み
合わせて角丸テーブルを実現したり、アイコンなどはあらかじめ
Illustratorなどで作成する際に、ドロップシャドウをした状態で保存
していると思います。実際、僕もそうやっています。
ところが、Javascriptならそんな手間をかけずとも角丸やドロップ
シャドウの表現が簡単に出来てしまうんです。
それらを実現してくれるのはShadedBorder.jsといわれるものです。
具体的な使い方は、楽：技林ブログさまで詳しく書かれていたので、
参考にさせていただきました。
(人-)謝謝 です。
実際に使ってみた感想ですが、実にすばらしい！
こんなに簡単に出来てしまうなんて驚きです。
もっと早くに知りたかった（え？おそい？ｗ
画像作成の手間も省けるし、ボーダーサイズや角丸の大きさなど
カスタマイズも出来きて、至れり尽くせりです(^・^)
ただ、あまり多用するとページが重くなるようなので、注意が必要
ですね。
何事もほどほどに、ってことですね☆
ちなみに、ページが縦に長い場合、背景がうまく繰り返されずに
切れることがあります。
そんなときはshadedborder.jsの155行目、162行目のheight値を
増やすことで、正常に表示されるようです。
今日も一つ、いい発見が出来ました♪
いやあ〜、javascriptってゴシゴシ(-_＼)(/_-)三( ゜Д゜) ス、スゲー!
2008年 夏休みシーズン
仕事場では小さいボリュームながらラジオが流れています。
つい先ほど、ちらっと「夏休み」という言葉が耳に入ってきました。
そっか、学生さんならそろそろそんな時期なんですねぇ。
社会人になって仕事をしだしてから、「夏休み」という感覚が
ほとんどなくなっていることに気づきました。
今思えば、何ヶ月も休みがあるって凄いなと思います。
学生時代いったいその何ヶ月の間何してたんだろう、と振り返っても
断片的な思い出しか蘇ってきませんｗ
きっとほとんどの日を平凡にを過ごしていたんでしょうねえ＾＾；
学生の頃はバスケに夢中だったので、思い出すことはバスケ関連の
ことばかり。
ま、それもまた青春なのかもしれませんね（ﾄ､ｼﾞﾌﾞﾝﾆｲｲｷｶｽ
学生の皆さん、休みは有意義に過ごしてくださいね(^ー^)ノ
とりあえず僕は週末の連休をじっと待ちます (・_|襖|←市原悦子
子供も産まれたし、連休中にデザイン考えて田舎のおばあちゃんに
出産報告かねた暑中見舞いはがきでも送るかな(・・*)。。oＯ(イメージ中)
つい先ほど、ちらっと「夏休み」という言葉が耳に入ってきました。
そっか、学生さんならそろそろそんな時期なんですねぇ。
社会人になって仕事をしだしてから、「夏休み」という感覚が
ほとんどなくなっていることに気づきました。
今思えば、何ヶ月も休みがあるって凄いなと思います。
学生時代いったいその何ヶ月の間何してたんだろう、と振り返っても
断片的な思い出しか蘇ってきませんｗ
きっとほとんどの日を平凡にを過ごしていたんでしょうねえ＾＾；
学生の頃はバスケに夢中だったので、思い出すことはバスケ関連の
ことばかり。
ま、それもまた青春なのかもしれませんね（ﾄ､ｼﾞﾌﾞﾝﾆｲｲｷｶｽ
学生の皆さん、休みは有意義に過ごしてくださいね(^ー^)ノ
とりあえず僕は週末の連休をじっと待ちます (・_|襖|←市原悦子
子供も産まれたし、連休中にデザイン考えて田舎のおばあちゃんに
出産報告かねた暑中見舞いはがきでも送るかな(・・*)。。oＯ(イメージ中)
AirMac Expressに興味津々
MacBookを購入してしばらく経ちましたが（まだレビュー書いてませんｗ）
最近AirMac Expressに興味が沸いています。
ワイヤレスにするほど家が大きいわけでもないんですが、それでも
LANケーブルを気にすることなく移動できるのは魅力的です。
そしてAirMac Expressにはそれだけでなく、さらに魅力的な部分が
あるのです。
それは、AirTunes機能です。
AirMac Expressにスピーカーを接続することで、iTunesのミュージック
ライブラリを好きなところで再生できるんです。
オーディオ機器に凝っているわけではない自分でも、この機能は
かなり心惹かれます！
よ〜し、ここはお父さん、いっちょがんばっちゃおうかな〜（謎
もし購入したらレビュー記事書きます♪
（そのまえにMacBookのレビュー書けよ。。。）
最近AirMac Expressに興味が沸いています。
ワイヤレスにするほど家が大きいわけでもないんですが、それでも
LANケーブルを気にすることなく移動できるのは魅力的です。
そしてAirMac Expressにはそれだけでなく、さらに魅力的な部分が
あるのです。
それは、AirTunes機能です。
AirMac Expressにスピーカーを接続することで、iTunesのミュージック
ライブラリを好きなところで再生できるんです。
オーディオ機器に凝っているわけではない自分でも、この機能は
かなり心惹かれます！
よ〜し、ここはお父さん、いっちょがんばっちゃおうかな〜（謎
もし購入したらレビュー記事書きます♪
（そのまえにMacBookのレビュー書けよ。。。）
車は走る凶器
昨日、会社からの帰りに車と接触事故を起こしました。
妻の実家が仕事場の近くということもあり、夕飯を食べにおいでと
誘われ、仕事が終わった後ごちそうになりました。
いつものように歩いて出勤している僕に、夜も遅いし雨もちらついて
いるからと、自転車を貸してくれました。
今までは運動にもなるのでお断りして歩いて帰っていたのですが、
その日は帰って仕事関係の作業を家でする予定だったので、
時間優先でお言葉に甘えて自転車を借り、乗って帰りました。
雨が少し降り始めていたので、傘をさしながら自転車をこいでいました。
帰り道の途中、橋を渡るのですが、その橋の一部は工事中で
色々なものが置いてあったり、フェンスでかこっていたりと多少視界が
悪くなっていました。
橋を渡り終わってすぐが横断歩道になっており、青であることを
確認した上で渡り始めました。
すると一台の車がスーッと横断歩道のほうに向かってきました。
横目で見ながら横断歩道を渡り終えようと、自転車をこいでいると、
その車は停止する気配もなくつっこんできました。
「これはやばい」と判断し、急いで自転車をこぎ横断歩道を渡り切ろうと
した瞬間、「ガシャーンッ！」と車と自転車が接触。
幸い、身体に怪我はなく、当たったのは自転車の後輪部分のみでした。
それでもなかなかの衝撃で、こけそうになりながらなんとか踏ん張り
自転車を停止させました。
そのとき、ぱっと反射的に信号を見て、自分に否がないことを確認
しました。
完全に相手の前方不注意です。
工事中で確かに視界は悪くなっており、飛び出してきたように見えて
いたのかもしれませんが、それでも十分止まれる距離とスピードだったと
思います。
それでもぶつかってきたので、自分としてはビックリしました。
振り返り車を見ると、乗っていたのは若いカップル。
見た目も軽い感じでした。
普通なら事故の大小かかわらず、降りて安否を気遣うところですが、
その運転手は窓を開けこちらを覗き込むようにして「大丈夫？」と
一言のみ。
呆気にとられて言葉も出ませんでした。
とくに怪我もなかったので、そのまま帰しましたが、あとで自転車を
見ると、自転車の後輪がかなりゆがんでいました。
車との接触の瞬間は冷静だったものの、その後の対処に動揺して
いた自分に少し腹が立ちました。
何より、車から降りずそのまま去った運転手に一番腹が立ちます。
どういう神経してるのか人間性を疑いますね。。。
今回は両者怪我もなくすみましたが、一歩間違えれば命を落とすことも
あります。
車は走る凶器、とよく耳にするフレーズをそのとき思い出し、無事であった
ことに感謝するとともに、自分が車に乗るときは十分に気をつけようと
思った瞬間でした。
ドライバーの皆さん、くれぐれも安全運転でお願いします。
妻の実家が仕事場の近くということもあり、夕飯を食べにおいでと
誘われ、仕事が終わった後ごちそうになりました。
いつものように歩いて出勤している僕に、夜も遅いし雨もちらついて
いるからと、自転車を貸してくれました。
今までは運動にもなるのでお断りして歩いて帰っていたのですが、
その日は帰って仕事関係の作業を家でする予定だったので、
時間優先でお言葉に甘えて自転車を借り、乗って帰りました。
雨が少し降り始めていたので、傘をさしながら自転車をこいでいました。
帰り道の途中、橋を渡るのですが、その橋の一部は工事中で
色々なものが置いてあったり、フェンスでかこっていたりと多少視界が
悪くなっていました。
橋を渡り終わってすぐが横断歩道になっており、青であることを
確認した上で渡り始めました。
すると一台の車がスーッと横断歩道のほうに向かってきました。
横目で見ながら横断歩道を渡り終えようと、自転車をこいでいると、
その車は停止する気配もなくつっこんできました。
「これはやばい」と判断し、急いで自転車をこぎ横断歩道を渡り切ろうと
した瞬間、「ガシャーンッ！」と車と自転車が接触。
幸い、身体に怪我はなく、当たったのは自転車の後輪部分のみでした。
それでもなかなかの衝撃で、こけそうになりながらなんとか踏ん張り
自転車を停止させました。
そのとき、ぱっと反射的に信号を見て、自分に否がないことを確認
しました。
完全に相手の前方不注意です。
工事中で確かに視界は悪くなっており、飛び出してきたように見えて
いたのかもしれませんが、それでも十分止まれる距離とスピードだったと
思います。
それでもぶつかってきたので、自分としてはビックリしました。
振り返り車を見ると、乗っていたのは若いカップル。
見た目も軽い感じでした。
普通なら事故の大小かかわらず、降りて安否を気遣うところですが、
その運転手は窓を開けこちらを覗き込むようにして「大丈夫？」と
一言のみ。
呆気にとられて言葉も出ませんでした。
とくに怪我もなかったので、そのまま帰しましたが、あとで自転車を
見ると、自転車の後輪がかなりゆがんでいました。
車との接触の瞬間は冷静だったものの、その後の対処に動揺して
いた自分に少し腹が立ちました。
何より、車から降りずそのまま去った運転手に一番腹が立ちます。
どういう神経してるのか人間性を疑いますね。。。
今回は両者怪我もなくすみましたが、一歩間違えれば命を落とすことも
あります。
車は走る凶器、とよく耳にするフレーズをそのとき思い出し、無事であった
ことに感謝するとともに、自分が車に乗るときは十分に気をつけようと
思った瞬間でした。
ドライバーの皆さん、くれぐれも安全運転でお願いします。
CSSで上下に中央配置
CSSでページレイアウトをしていて、いくつか困る局面に遭遇
しますが、その中のひとつに上下に対しての中央配置が
あります。
tableを使用すれば、 valign="middle"で難なくできてしまうの
ですが、これがスタイルシートとなると厄介です。
今までごまかしごまかしでpositionやlineheightあたりを使い
レイアウトしていたのですが、どうも納得いってませんでした＾＾；
なにかいい方法がないものかと調べてみると、ありました！
ヨモツネットさまでとても詳しくその方法を紹介されております。
---------------------------------------------------
CSSはこんな感じ（ヨモツネットさまより参照）
div.sample1{ }
div.sample1 div{
display:table-cell;
width:100px;
margin-bottom:1px;
vertical-align:middle;
}
* html div.sample1 div{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html div.sample1 div{/* IE 7 */
display:inline;
zoom:1;
}
/*\*//*/
* html div.sample1 div{
display:inline-block;
}
/**/
---------------------------------------------------
いやあ、これは凄く便利ですねぇ〜☆
mac IEにも配慮してるところもさることながら、これをご自分で閃いて
いるところが素晴らしいです。
僕なんかは閃くより誰かが見つけていないかまず検索して
しまいますｗ
でも、こういう方達のテクニックはとても参考になりますね！
このような有意義な情報を無料で公開しておられることにも感謝しな
ければなりませんね☆
スタイルシートも、ただ普通に使うだけではなくて、色々試行錯誤
しながら極めると凄く面白いだろうなと、今回つくづく思いました。
しますが、その中のひとつに上下に対しての中央配置が
あります。
tableを使用すれば、 valign="middle"で難なくできてしまうの
ですが、これがスタイルシートとなると厄介です。
今までごまかしごまかしでpositionやlineheightあたりを使い
レイアウトしていたのですが、どうも納得いってませんでした＾＾；
なにかいい方法がないものかと調べてみると、ありました！
ヨモツネットさまでとても詳しくその方法を紹介されております。
---------------------------------------------------
CSSはこんな感じ（ヨモツネットさまより参照）
div.sample1{ }
div.sample1 div{
display:table-cell;
width:100px;
margin-bottom:1px;
vertical-align:middle;
}
* html div.sample1 div{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html div.sample1 div{/* IE 7 */
display:inline;
zoom:1;
}
/*\*//*/
* html div.sample1 div{
display:inline-block;
}
/**/
---------------------------------------------------
いやあ、これは凄く便利ですねぇ〜☆
mac IEにも配慮してるところもさることながら、これをご自分で閃いて
いるところが素晴らしいです。
僕なんかは閃くより誰かが見つけていないかまず検索して
しまいますｗ
でも、こういう方達のテクニックはとても参考になりますね！
このような有意義な情報を無料で公開しておられることにも感謝しな
ければなりませんね☆
スタイルシートも、ただ普通に使うだけではなくて、色々試行錯誤
しながら極めると凄く面白いだろうなと、今回つくづく思いました。
Javascriptとiframeとxhtmlとw3c
現在の暑中見舞いサイトは、XHTML 1.0 Transitional//EN で
作成しています。
W3CでPassed validation になるべく作ったのですが、思わぬ
ところで躓きました。
それはカレンダー部分です。
カレンダー部分はiframeでcgiページを表示させているのですが、
macのfirefoxでframeからカレンダー部分がはみ出るため、
このiframeの高さをコンテンツに合わせて自動で変更する
JavaScriptを使用しました。
しかし、そのJavaScriptをiframeに使用するとW3CでFailed validation
になってしまうのです。[壁]/_;)シクシク
iframe自体は、XHTML 1.0 Transitional//EN で使用できるようですが、
JavaScriptのonloadで引っかかるようです。
o(￣ー￣;)ゞううむ
現在は、サイトからW3C XHTML1.0のバナーを外していますが、
なんか納得できません＾＾；
だって、その部分以外は問題ないんですから。。。
objectタグによる代用方法もあるらしいですが、それでもonloadの
問題は解決しません。
ひょっとするとiframeの部分ではなく、違う部分でonloadして
呼び出せるのかもしれません。
ただ如何せん、JavaScriptは自分の範疇を超えており、なかなか
どうして、うまくはいかないのです(-。−;)
とりあえず、今のところは現状のままですが、きっといい方法が
あるはずなので、頑張ってみようと思います。
どなたか「こうすればできるぜ」ってのがありましたら
是非是非ご教示くださいませ〜〜〜〜〜〜〜 (/´θ｀)/ アーレー
作成しています。
W3CでPassed validation になるべく作ったのですが、思わぬ
ところで躓きました。
それはカレンダー部分です。
カレンダー部分はiframeでcgiページを表示させているのですが、
macのfirefoxでframeからカレンダー部分がはみ出るため、
このiframeの高さをコンテンツに合わせて自動で変更する
JavaScriptを使用しました。
しかし、そのJavaScriptをiframeに使用するとW3CでFailed validation
になってしまうのです。[壁]/_;)シクシク
iframe自体は、XHTML 1.0 Transitional//EN で使用できるようですが、
JavaScriptのonloadで引っかかるようです。
o(￣ー￣;)ゞううむ
現在は、サイトからW3C XHTML1.0のバナーを外していますが、
なんか納得できません＾＾；
だって、その部分以外は問題ないんですから。。。
objectタグによる代用方法もあるらしいですが、それでもonloadの
問題は解決しません。
ひょっとするとiframeの部分ではなく、違う部分でonloadして
呼び出せるのかもしれません。
ただ如何せん、JavaScriptは自分の範疇を超えており、なかなか
どうして、うまくはいかないのです(-。−;)
とりあえず、今のところは現状のままですが、きっといい方法が
あるはずなので、頑張ってみようと思います。
どなたか「こうすればできるぜ」ってのがありましたら
是非是非ご教示くださいませ〜〜〜〜〜〜〜 (/´θ｀)/ アーレー
オリジナルかもめ〜る1枚45円！
いよいよ暑中見舞いのシーズンがやってきました。
年賀状は年賀はがき、暑中見舞いはかもめ〜るですよね。
そのかもめ〜るですが、通常は1枚50円なんですが、
それをなんと限定で1枚45円で取り扱ってるんです！
当社オリジナルかもめ〜るは「そだてよう、きずな」のイラストが
入っています。
きずなの芽が、大切な方々にメッセージを伝えるお手伝いをいたします＾＾
挨拶状ドットコムでは「きずなを深めるサービスで日本を元気にする！」
というコンセプトのもと「そだてよう、きずな」運動に取組んでいます。
「きずな」ってなんだか気恥ずかしいと思う人もいるかもしれませんが、
大切な方といつまでも親しくありたい、いつもつながっていたい、
縁がなくなるとは考えたくない、と誰しも思っていることだと思います。
でもその大切な方々とはお互い忙しかったり、遠く離れたりとなかなか
「きずな」を深める機会が少ない方が多いのではないでしょうか？
挨拶状ドットコムは挨拶状やはがきを通じ、ご縁をつなぐお手伝いと
して何万人もの人と間接的に携わってきました。
私達はたった一通のはがきですごく勇気づけられたり、一通のはがきを
ものすごく楽しみにしている人々がたくさんいることも知っています。
ご縁を深めるきっかけとして挨拶状やはがきを出すことを推奨し、
世の中が元気になるよう貢献できたらと考えています。
この取り組みは昨年末のオリジナル年賀から始まっており、
今回2回目となります。
きずなの芽のデザインが、季節に合わせて変わっていきます。
一部のはがきコレクターの間でも人気があり、シリーズものとして
注目されはじめています。
あなたもこれを機に、オリジナルかもめ〜るで暑中見舞いを出して
見ませんか？＾＾
年賀状は年賀はがき、暑中見舞いはかもめ〜るですよね。
そのかもめ〜るですが、通常は1枚50円なんですが、
それをなんと限定で1枚45円で取り扱ってるんです！
当社オリジナルかもめ〜るは「そだてよう、きずな」のイラストが
入っています。
きずなの芽が、大切な方々にメッセージを伝えるお手伝いをいたします＾＾
挨拶状ドットコムでは「きずなを深めるサービスで日本を元気にする！」
というコンセプトのもと「そだてよう、きずな」運動に取組んでいます。
「きずな」ってなんだか気恥ずかしいと思う人もいるかもしれませんが、
大切な方といつまでも親しくありたい、いつもつながっていたい、
縁がなくなるとは考えたくない、と誰しも思っていることだと思います。
でもその大切な方々とはお互い忙しかったり、遠く離れたりとなかなか
「きずな」を深める機会が少ない方が多いのではないでしょうか？
挨拶状ドットコムは挨拶状やはがきを通じ、ご縁をつなぐお手伝いと
して何万人もの人と間接的に携わってきました。
私達はたった一通のはがきですごく勇気づけられたり、一通のはがきを
ものすごく楽しみにしている人々がたくさんいることも知っています。
ご縁を深めるきっかけとして挨拶状やはがきを出すことを推奨し、
世の中が元気になるよう貢献できたらと考えています。
この取り組みは昨年末のオリジナル年賀から始まっており、
今回2回目となります。
きずなの芽のデザインが、季節に合わせて変わっていきます。
一部のはがきコレクターの間でも人気があり、シリーズものとして
注目されはじめています。
あなたもこれを機に、オリジナルかもめ〜るで暑中見舞いを出して
見ませんか？＾＾
赤ちゃんとペット
私の実家では、家族、猫2匹、犬1匹が一緒に住んでいます。
結婚するまでは一緒にいたペットたちですが、夫婦で暮らすように
なってから、めっきり触れ合うことが少なくなりました。
自分としては赤ちゃんも産まれたことだし、祖父母にお披露目も
かねて今すぐにでも実家に家族3人で帰りたいところなのですが、
赤ちゃんにはペットからかかる病気があるらしく、妻がそれを
恐れて行こうとはしません。
妻の実家でも猫を一匹飼っていますが、そちらには頻繁に
帰ってます。。。(-_-;)うっ
自分自身、赤ちゃんがペットからどういう病気にかかる可能性が
あるのか把握しきれていないこともあり、妻の意見に従って
実家に帰るのを控えていますが、gooペットあたりを見てみると、
ちゃんとした知識をもっていれば、ペットとの生活も全然問題なく
行えるようなので、時間を見つけて少し勉強してみようと思います。
早く祖父母に見せてあげて、喜ぶ顔がみたいなぁ〜＾＾
結婚するまでは一緒にいたペットたちですが、夫婦で暮らすように
なってから、めっきり触れ合うことが少なくなりました。
自分としては赤ちゃんも産まれたことだし、祖父母にお披露目も
かねて今すぐにでも実家に家族3人で帰りたいところなのですが、
赤ちゃんにはペットからかかる病気があるらしく、妻がそれを
恐れて行こうとはしません。
妻の実家でも猫を一匹飼っていますが、そちらには頻繁に
帰ってます。。。(-_-;)うっ
自分自身、赤ちゃんがペットからどういう病気にかかる可能性が
あるのか把握しきれていないこともあり、妻の意見に従って
実家に帰るのを控えていますが、gooペットあたりを見てみると、
ちゃんとした知識をもっていれば、ペットとの生活も全然問題なく
行えるようなので、時間を見つけて少し勉強してみようと思います。
早く祖父母に見せてあげて、喜ぶ顔がみたいなぁ〜＾＾
ホントにフォントは奥が深い、これ本当
先週末にある展示会に行くと書きました。
それは「JP展」というもので、例年5月頃に開催される
西日本最大の印刷関連イベントです。
普段見ることのない巨大なプリンターやフォントを扱う会社など、
大きな会場にところ狭しとたくさんの企業がブースを出展して
いました。
いつもWebに関する仕事ばかりしていることもあり、とても新鮮で
知識がなくあまり分からないながらも楽しい時間を過ごすことが
できました。
そんなJP展でとても興味深いブースがありました。
ユニバーサルデザインってみなさんご存知ですか？
Wikipediaによると、
「文化・言語・国籍の違い、老若男女といった差異、障害・能力の
如何を問わずに利用することができる施設・製品・情報の設計
だそうで、その1つとして「ユニバーサル デザイン フォント」という
ものがあるんです。
フォント業界（？）でも有名なイワタより「イワタUDフォント」という
ものが出ていて、JP展にもユニバーサルデザインを紹介する
ブースの一角で紹介されていました。
年を取ると文字がぼやけ始め、３が８に見えたり、フォントによって
見え方が全然違ったりしますが、UDフォントはそういう見にくいと
感じる要素をとことん削り落とし、文字スペースいっぱいを使って、
大きく見やすいフォントを実現しています。
（参考URL：http://www.iwatafont.co.jp/MO_UD/UD_outline.html）
印刷物だけでなく、自分の分野でもあるWebサイトにもあてはまる
ことが多く、とても勉強になりました。
このUDフォント、実は結構大手企業や公共施設なんかにも使用
されていて、何気にビックリしました。
ユニバーサルデザインについても、松下などは2年前くらいから
全商品に取り入れるなどしているようです。
（リモコンのボタンを全て黄色にし、色覚異常の方でも判別できる
配慮をとったりしています。）
普段あまり気にはかけないけれど、ちょっとした気配りが身体の
不自由な人にはとてもありがたかったりするんですよね。
僕もユーザビリティを意識したコンテンツ作成を行っていこうと、
改めて思いました。
まずはOSによるフォントの振り分けからやってみよっ！
それは「JP展」というもので、例年5月頃に開催される
西日本最大の印刷関連イベントです。
普段見ることのない巨大なプリンターやフォントを扱う会社など、
大きな会場にところ狭しとたくさんの企業がブースを出展して
いました。
いつもWebに関する仕事ばかりしていることもあり、とても新鮮で
知識がなくあまり分からないながらも楽しい時間を過ごすことが
できました。
そんなJP展でとても興味深いブースがありました。
ユニバーサルデザインってみなさんご存知ですか？
Wikipediaによると、
「文化・言語・国籍の違い、老若男女といった差異、障害・能力の
如何を問わずに利用することができる施設・製品・情報の設計
だそうで、その1つとして「ユニバーサル デザイン フォント」という
ものがあるんです。
フォント業界（？）でも有名なイワタより「イワタUDフォント」という
ものが出ていて、JP展にもユニバーサルデザインを紹介する
ブースの一角で紹介されていました。
年を取ると文字がぼやけ始め、３が８に見えたり、フォントによって
見え方が全然違ったりしますが、UDフォントはそういう見にくいと
感じる要素をとことん削り落とし、文字スペースいっぱいを使って、
大きく見やすいフォントを実現しています。
（参考URL：http://www.iwatafont.co.jp/MO_UD/UD_outline.html）
印刷物だけでなく、自分の分野でもあるWebサイトにもあてはまる
ことが多く、とても勉強になりました。
このUDフォント、実は結構大手企業や公共施設なんかにも使用
されていて、何気にビックリしました。
ユニバーサルデザインについても、松下などは2年前くらいから
全商品に取り入れるなどしているようです。
（リモコンのボタンを全て黄色にし、色覚異常の方でも判別できる
配慮をとったりしています。）
普段あまり気にはかけないけれど、ちょっとした気配りが身体の
不自由な人にはとてもありがたかったりするんですよね。
僕もユーザビリティを意識したコンテンツ作成を行っていこうと、
改めて思いました。
まずはOSによるフォントの振り分けからやってみよっ！
キャッチコピーの難しさ
短い言葉で思いや趣旨を伝えるキャッチコピーは、
ときとして長々と説明された文章より説得力があります。
Ｗｅｂデザインの仕事をするまでは、コピーを考えることを
仕事としているコピーライターのことを少しバカにしたところが
ありました。
「短いちょっとした言葉考えるだけで仕事になって、お給料
貰えるなんていいよなあ〜」ってな感じでした。
でも、いざ自分がそういうキャッチコピーを考える立場に
置かれたり、機会が与えられたとき、いかにそれが大変なことで、
頭をつかい、発想力・創造力が必要かということを、嫌というほど
身を持って感じました。
ボキャブラリーとアイデア、この2つをどれだけ持っているか。
自分にはどちらも持ち合わせていませんｗ
人を納得させる、共感させるコピー力があれば、サイトもきっと
変わってくるでしょうね。
これからは僕もちょっと頭の体操をしながら創造力を身につけて
いきたいと思います。
めざせっ、糸井重里！
ときとして長々と説明された文章より説得力があります。
Ｗｅｂデザインの仕事をするまでは、コピーを考えることを
仕事としているコピーライターのことを少しバカにしたところが
ありました。
「短いちょっとした言葉考えるだけで仕事になって、お給料
貰えるなんていいよなあ〜」ってな感じでした。
でも、いざ自分がそういうキャッチコピーを考える立場に
置かれたり、機会が与えられたとき、いかにそれが大変なことで、
頭をつかい、発想力・創造力が必要かということを、嫌というほど
身を持って感じました。
ボキャブラリーとアイデア、この2つをどれだけ持っているか。
自分にはどちらも持ち合わせていませんｗ
人を納得させる、共感させるコピー力があれば、サイトもきっと
変わってくるでしょうね。
これからは僕もちょっと頭の体操をしながら創造力を身につけて
いきたいと思います。
めざせっ、糸井重里！
