log
first created: 2003-05-14
last modified: 2003-05-14

2003-05-14

opera 7.11 released

computer and internet

→related stories:

気がつかないうちにOperaはOpera 7.11 for Windowsを正式にリリースしていた。発表では9日にリリースされていたらしい。Opera 7は昨秋正式にリリースされて以来、なかなか動作が安定せず、購入したもののOpera 6をずっとメインで使い続けている。

しかし、先月7.10がリリースされてから、かなり使い勝手はよくなってきた。レンダリングがはたして早くなったのかどうか、これはまだ疑問だが、paste and go機能やツールバーの拡張など、この辺は気に入った。相変わらずリンクを張ったときに2バイト文字を折り返すところで文字が複製されて表示される問題は解決されていないが。» see picture (png, 46263 bytes)

これぐらいになってくれればメインで使うのも悪くないと思い始めている。しかし、Mozillaのレンダリングがかなり高速となっており、ブラウザとメーラーの機能が完全に分離したとき、MozillaにするかOperaにするか迷い込むことだろう（現在、Mozilla 1.4 Betaを利用中）。■

becky! 2.06 released

computer and internet

→related stories:

Becky!もなぜかここで2.06の新バージョンのリリースが作者 兼松さんのメーリングリストへの投稿で発表された。» [becky-ml:18479] Becky! Ver.2.06 (Becky! Users ML)

ユーザ側から見ても、今回何かが大きく変わったということではないようだ。セキュリティホール騒動から10日、新しいバージョンの発表となったが、2.06のバージョンを作りかけの最中にセキュリティホールの問題が立ち上がったということか。忙しかったんだろうなと思う。■

css: @import

computer and internet

一昨日、このサイトのWebページを印刷時、必要のない部分を印刷しないように印刷用のCSSファイルを作成してみた。ファイルの作成自体は簡単なものだったが、問題はHTMLへの組み込み方だった。今まで僕は外部CSSファイルを@importを使って参照させるいた。これはCSS実装がbugだらけのNetscape 4.xやInternet Explorer 4にCSSを参照させないための工夫だった。

そこで今回、How to Refer to CSS?を参考にして、今まではstylesheetのmediaを"all"にしていたところを"screen"と"print"に分けて<head>に次のように書き込んだ。

<style type="text/css">
    @import "css/default.css" screen;
    @import "css/print.css" print;
</style>

僕は通常、Operaで動作確認を行っており、これで問題ないとそれぞれのHTMLを書き直し、アップロードした。しかし、今日になってInternet Explorer 6で自分のサイトを開いてみたところ、CSSが機能していないことに気がついた。Mozillaでも問題なく動作しているので、これはIEのbugのようだ。どうもメディアタイプの指定をサポートしていないようなのだ。大したブラウザでもないのに90%のシェアを誇るIEとはいえ、そのまま放置するわけにもいかない。

そこで今度は

<style type="text/css" media="screen">
    @import "css/default.css"
</style>
<style type="text/css" media="print">
    @import "css/print.css"
</style>

と書き直してみた。Internet ExplorerでもMozillaでも問題なく動作したが、今度はOpera 6でCSSファイルを切り替えてくれない。Opera 7では正常に表示されるので、これはOpera 6のbugとなる。最終的に書き直したものはこんな感じだ。

<style type="text/css" media="screen">
    @import "css/default.css"
</style>
<link rel="stylesheet" href="css/print.css" media="print" type="text/css" />

この書き方が正しいかどうかはわからない（HTML-lintではエラーにはならない）。ひとまずこれで解決はできたようだ。■

« previous next »

^^back to top