CSS Nite in Nagoyaの懇親会でCYBER@GARDENさまの益子さんとお話していて思いついたのですが、益子さんの「都道府県の脱テーブル状況」を参考にして、国立大学Webサイトの脱テーブル状況を調査してみました。

2006年9月28日現在。トップページ対象。（ただし、トップページが言語選択ページの場合、日本語ページのトップページを対象とした。）
Webサイトの掲載順序は文部科学省ホームページの国立大学のリンクページにある地区の順を参考にした。

• 調査
  • 北海道・東北地区
  • 関東・甲信越地区
  • 東海・北陸・近畿地区
  • 中国・四国地区
  • 九州・沖縄地区、その他
• 結果
• 感想・考察
• 関連記事

HTMLのタグであるblockquoteやciteは、ブログが流行し始めてから頻繁に使われるようになったタグではないでしょうか。

でも実際どういうマークアップが正しいのか色々な情報があるし、自分の頭はそれでしっかり混乱してるみたいなので、今回は頭を整理することもかねてエントリしてます。

linkのページを作ろうと思って、Firefox拡張のScreen grab!でスクリーンを保存して縮小かなぁ、とか思ってたんですが、バージョン0.7にアップしたらエラーがでて動かなくなってしまいました。

それで他にいいのがないかなー、と思って探してみたら、ありましたありました。Firefox拡張のPearl Crescent Page Saverです。特徴はこんな感じ。

• 現在表示中のページをpngに保存
• ページ全体（上からスクロールした下まで）をpngに保存
• 出力する画像の大きさを指定可能
• 動作が高速

基本的にはScreen grab!と同じなんですが、大きく違う点が出力する画像の大きさを指定（%、pixel）できるというところ。Screen grab!ではブラウザの画面を含めて画像に出力することができますが、これはAlt + Print Screenで代用できるでしょう。逆にPearl Crescent Page Saverの場合はスクリーンショットの大きさを指定して保存できるので、再度縮小してあげる必要がありません。

しかも、処理はすごく早いです。まさに探していた拡張！もちろんPhotoshopで縮小するよりは画像は荒れますが、たくさんのサイトのスクリーンショットを撮らなければいけない方にはかなり重宝できるのではないかと。

最後にこの拡張の使い方を説明されている記事を紹介します。

• Pearl Crescent Page Saver by Mozilla Firefox Thunderbird の拡張あれこれ様

実は少し前からこのブログで書いた記事をよりちゃんとしたマークアップされた文章にするべく、sbの保存設定を「そのまま」にして段落ごとに<p>や<ul>、<dl>などですべて修正していました。
（「自動改行」では<br />が連続したり、余計なところにもはいってしまうので・・・）

その修正中に見つけたんですが、IEにおいて<blockquote>の中の文章に<p>や<ul>などを入れると、その後のコンテンツが左にずれ込んでいくという事態が起きました。･ﾟ･(ﾉД`)･ﾟ･｡

なんかブロック要素を入れるとダメらしかったので、とりあえずblockquoteの中の最後をインライン要素で終わらせるようにして回避していたんですが、このバグについて言及されている記事を発見したので、メモしておきます。