かなり久しぶりに新規ページを追加しました
5月9日から本日まで行われた更新で、PB-100の宇宙に新しいページを追加しました。拙作『ムシハカセ』の鮮烈な復刻デビューとともに広く認知された、筈の CSS ライブラリ『hamura.css』の導入の為の解説ページと、hamura.css の対応ブラウザを加味した、本サイトの Web ブラウザのサポート状況に関するページです。
- 本サイトで使われている CSS ライブラリ『hamura.css』の導入解説ページ
- 本サイトの Web ブラウザのサポート状況に関するページ
対応ブラウザの拡大について
僕が開発しているテキストサイト用の CSS ライブラリの、ここ迄のアップデートを本サイトにも適用しました。この更新によって、サイトのそこここで微妙に閲覧性が向上していると思います。例えば、文書内リンクでジャンプした際に、当該記事の見出しにハイライト色が付くようになりました。
合わせてこの更新では、次の重大な問題が解決しています。
Firefox 3.5~3.6 で表示が崩れる問題
Firefox 3.5~3.6 は歴史的経緯と異なる HTML 解釈で <a> タグの子孫に <h1> や <div> といったブロック要素が現れると、各要素を <a> タグで囲む文書ツリーを作ります。この際には <a> が複製されます。
この挙動が Web サイトのデザインを損なっていたのでマークアップを改めました。
因みに、非リンク要素の :hover に対応しない IE6 以下では <a href="javascript:void(0)"> で囲む不正なマークアップでしのぎましたが、これがボロボロになる変化でした。
理由は存じませんが Firefox 4 以降では解消しています。
テキストブラウザの Lynx でリンクが無効になる問題
先の Firefox と同じ部分で問題が起きていました。こちらは不正なマークアップの為にハイパーリンクが無効になっていました。インライン要素でマークアップし直す修正で、こちらの動作も改善しています。
ドメイン更新の5月末が近づくとまた一年が巡ったなぁ、という気分です。今回は、お陰様でテキストサイト用の CSS ライブラリが固まって来ていてマークアップの変更に苦心することも減りました。その分、ブラッシュアップに注力が出来ました。
それでは2021年もよろしくお願いいたします。