2008年 12月 の投稿一覧

画像縮小の比較

すごくどうでもいい話。
HTMLを書くときに、IMGタグでheightやwidthのプロパティの値の設定でピクセルで直接指定したり、"50%"とかいった書き方をすることで原寸の画像を縮小することができる訳です。
もっとも、伝送量を減らすために一般的にはサーバー側でサムネイルを作ったりして縮小画像を表示させたりするのですが。

では、そういったケースではなくて、原寸画像をサーバーから送ってブラウザ側から縮小するときにブラウザごとに縮小処理に差があるのか?という話。普段からブラウザ切り替えると多少違いがあるなぁ。という気にはなっていたのだけど。
結果としては、微妙にあった。*1
下の画像がその結果。512ピクセル四方の画像を64ピクセル四方に縮小。
画像処理と言えばLenna画像なので御丁寧に使ってみた。
左からfirefox, chrome, InternetExplorerとなる。
f:id:hideack:20081219122755j:image
IEはエッジが効いているし、Chromeはエッジがぼかされている気がする。
帽子のモサモサの近辺を見るとわかりやすいのではないだろうか。
多少、それぞれのブラウザが画像縮小にどの様なアルゴリズムを使っているのか興味がある。

*1:縮小・間引きのアルゴリズムが違うだろうから当たり前ちゃ当たり前だろうけど

JavaScriptで加えられたDOM要素に対して後からスタイルシートを適用する

id:its-tomから昨夜質問があった内容の回答。
質問の内容は表題の通り。
遅いかもしれないし、もう謎は解けたのかもしれないし。そもそも、私が質問を理解していないのかもしれない(ぉ
昨夜はバテバテでちょっと書けなかったので今日書いてみた。

JavaScriptとベースのHTMLは以下の通り。
この段階ではcssは読み込まれていないしDOMの操作でも触っていない。

で、実行結果は次の通り。
「要素を加える」で、area1にadd1という要素とメッセージを流し込む。
「スタイルを変える」で外部にあるスタイルシートを読み込んで加えた要素にスタイルを適用される。
f:id:hideack:20081218231131p:image

追加で読ましているスタイルシートは次の様な感じ。

div#add1 {
border: 1px solid #cee6e6;
background-color: #cccccc;
}

こんなんでよかったのだろうか。

キムチ豚丼

相変わらず0時過ぎてから松屋に入る。
キムチ豚丼を食す。

中学生とカキフライ

私が晩ご飯にカキフライ定食を食堂で食べていたら、カウンターの隣の席に高校生らしき男二人組が。
高校生といってもいろいろいるが、どちらかというと純朴な男子二人。
聴いていると、なんか青春まっただ中、聴いているうちに聴いている方が恥ずかしくなるような甘酸っぱい話をしていた。
彼女なんてなんちゃら。とか、あいつはわかってない。とか。

とりあえず、おじさんはカキフライを食べながら頑張れよと思った訳だ。

WEDDING PARTY

幸せ光線が新郎から溢れていたなぁ。顔から幸せ〜って感じが。
幸せ分けてもらいました。なんかいいなぁ。

あとお酒が大量に出されたのは参加者にあわせてだったのでしょうか。飲み干すとボーイさんがすぐに補給してくれるので式が終わったら酔ってしまっていた...。寝る直前に軽く頭痛...。

ううむ。

手書き、しかも縦書きの必要性に迫られて筆ペンで縦書きをする。
相変わらず貧相な字である。

yl関係者の方々へ

今月の27日(土曜日)に母校研究室に乗り込もうと考えています。
もし都合の良い方がいたら集まりませんか〜。

と、呼びかけてみるテスト。
適宜、ブログへのコメントなり、メールなり、狼煙(のろし)なりで連絡ください。

きっと君は来ない

あぁ、12月感溢れる音楽だと思い、ついつい気になってテレビの画面に目が向いてしまった。
スズキの軽自動車 "シボレーのミニワゴン「MW」" のCMで流れていていた。

ともあれ、この音楽聴くと、どうしてもJRのイメージがあるのだけど、JR東海のCM見る機会が無かったはずなのにどこで見たのだろう?
見てないのに後付けの知識かもしれない。