<前の日記(2004年04月28日) 次の日記(2004年05月04日)> 最新 編集

高木浩光@自宅の日記

目次 はじめに 連絡先:blog@takagi-hiromitsu.jp
訪問者数 本日: 547   昨日: 3852

2004年04月30日

毎日INTERACTIVEを救出せよ!!

4月7日の日記「終わってしまった「毎日INTERACTIVE」」の通り、移転した毎日INTERACTIVEはもう読みに行く気が失せていたのだが、久しぶりに訪れてみると、文字の大きさが普通に近くなっていることに気付いた。スタイルシートの指定は「font-size: 94%」となっている。まあ、このくらいなら許容範囲か。(以前は何パーセントだったのだろう?)

しかし、横幅が固定であるため右端が切れ、横スクロールを強いられるだけなく印刷が不可能という問題点は改善されていない。印刷できないのでは報道サイトとして使い物にならない。

そこで、Bookmarkletを使ってスタイルシートを一時的に追加することにより、この問題の回避を試みた。

このサイトの場合、TABLEとIFRAMEの横幅が決め打ちされているところに問題がある。そこで、次のように、横幅を100%にしてやればよい。

table {
    width: 100%;
}
iframe {
    width: 100%;
}

これをBookmarkletにしたのが以下だ。このURLを「お気に入り」に追加しておけば、ページを表示した後にこれを選択することで、毒牙から逃れられる。

javascript:document.createStyleSheet("javascript:'table { width: 100%2525; } iframe { width: 100%2525; }'").v

スタイルシート文字列からBookmarkletを生成するには、Jesse Ruderman氏の「Make a User Style Bookmarklet」が便利だ。

さらに、

iframe {
    height: 0;
}

とすると興味深いことになるが、これはちょっと私からお勧めすることはできない。

見出しの一覧がまだ小さくて読みにくいので、これらも含めて文字サイズを普通に戻してしまおう。ついでに行間を調整して、リンクから下線を消す愚行を矯正しよう。

javascript:document.createStyleSheet("javascript:'table { width: 100%2525; } iframe { width: 100%2525; } p.article { font-size:100%2525; line-height:130%2525; } a.bullet, a:visited.bullet, a:hover.bullet { font-size: 100%2525; text-decoration: underline; }'").v

というわけで、私のリンクバーはこんなふうになった。

tableのwidthを100%にする「横幅固定を解除」は、あちこちのサイトで使ってみると面白い。ITに強いITmediaでさえ、横幅固定という愚かなデザインをしている(ウインドウを最大化してみるとわかる)のだが、このBookmarkletでwidthを100%に変更してみると、そう悪くないレイアウトになる。最初からこういうデザインにしてもよいのではなかろうか。


<前の日記(2004年04月28日) 次の日記(2004年05月04日)> 最新 編集

最近のタイトル

2018年06月17日

2018年06月10日

2018年05月19日

2018年05月04日

2018年03月07日

2017年12月29日

2017年10月29日

2017年10月22日

2017年07月22日

2017年06月04日

2017年05月13日

2017年05月05日

2017年04月08日

2017年03月10日

2017年03月05日

2017年02月18日

2017年01月08日

2017年01月04日

2016年12月30日

2016年12月04日

2016年11月29日

2016年11月23日

2016年11月05日

2016年10月25日

2016年10月10日

2016年08月23日

2016年07月23日

2016年07月16日

2016年07月02日

2016年06月12日

2016年06月03日

2016年04月23日

2016年04月06日

2016年03月27日

2016年03月14日

2016年03月06日

2016年02月24日

2016年02月20日

2016年02月11日

2016年02月05日

2016年01月31日

2015年12月12日

2015年12月06日

2015年11月23日

2015年11月21日

2015年11月07日

2015年10月20日

2015年07月02日

2015年06月14日

2015年03月15日

2015年03月10日

2015年03月08日

2015年01月05日

2014年12月27日

2014年11月12日

2014年09月07日

2014年07月18日

2014年04月23日

2014年04月22日

2000|01|
2003|05|06|07|08|09|10|11|12|
2004|01|02|03|04|05|06|07|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|07|08|09|10|11|12|
2011|01|02|03|05|06|07|08|09|10|11|12|
2012|02|03|04|05|06|07|08|09|
2013|01|02|03|04|05|06|07|
2014|01|04|07|09|11|12|
2015|01|03|06|07|10|11|12|
2016|01|02|03|04|06|07|08|10|11|12|
2017|01|02|03|04|05|06|07|10|12|
2018|03|05|06|
<前の日記(2004年04月28日) 次の日記(2004年05月04日)> 最新 編集