2006/03/11
category /
CSS
うちには不動のプリンタしかないのだけど、試しに作ってみた。どの辺を考えればいいかのメモなど。
> one_print.css
- 必要なもの以外を表示(印刷)しない処理
- メニュー、ナビゲーション
- バナー類
- フォーム類
- ブラウザの仕様によるのだろうけど
<title>・URLは分断された場合でも各ページに印刷されるようだ。なのでブログ名もいらないかも。ロゴイメージなら必要か。
- 印刷されると機能しなくなるものの処理
- 対象がカラープリンタとは限らない。色の差で表現していた部分は、字体やウェイトで差別化したほうが良さげ
- リンクは機能しなくなるので、装飾無しの方が読みやすい
a[href]:after{content:attr(href);}はそのリンクが何を指しているかを知ることができて便利。しかし、内容によっては逆に読みづらくなる
- これはCSSと関係ないが、やはり「ここ」や「あちら」リンクは色々と弊害があるから気をつけよう
- サイズに関しての処理(宿題)
- 印刷の方がスクリーンより解像度が高い(と限らないと思うのだが)ので、フォントサイズは決め打ち10pt〜12ptという解説が多いようである
- 横幅はA4に収まるサイズ(やはり決め打ち)で良いのかどうか
- 縦幅(これが視覚系ブラウザとの一番の相違点だと思う)を制御する方法は今のところ無いらしい → CSS 改ページ - Google 検索
ま、真剣にここが印刷されるとは思ってはいない(貴重な森林資源を大切にしよう)。また、次のリニュの時に印刷用CSSを作るかどうかも未定(印刷するなら今ですよ、奥さん。どっちなんだ?)。ある特定の場合にどうなるのか?と考えてみることに価値があるようなないような。
writeback
< Day Dream Believer
| 器用貧乏 >
| 表紙へ戻る
| 探す | 案内
ホームページ
アフィリエイト レンタルサーバー FC2ブログ キャッシング