印刷用に使えるツールやブックマークレットいろいろ
ウェブサイトを印刷してみると想像していた以上にページが多く出力されてしまったことなどありませんか？
わざわざワードなどにコピペするのも面倒だし…。こんな時に使えそうな印刷用に使えるツールやブックマークレットなどをまとめてみました。
Save paper & ink printing only what you want « PrintWhatYouLike.com
サイトのURLを入力して「Start」ボタンをクリックするとプレビュー画面が表示され、フォントのサイズの調整や、不要な要素をクリックして削除するなどの操作ができるとっても便利なツールです。ブックマークレットも用意されているので、ブックマークに入れておくと便利ですね。
Print Friendly & PDF
こちらも同様に、印刷用のプレビュー画面を見ながら、不要な要素を削除したり、PDFで保存したりできるツールです。
The Printliminator
こちらは便利なブックマークレット。黒い”Printliminator”のボタンをドラッグしてブックマークバーに登録しておいて、印刷したいページでPrintliminatowをクリックすると。ページの右上に4つのボタンが表示されます。不要な要素をマウスオーバーしてクリックすると削除されます。そのごプリントボタンをクリックしてプリントすることができる便利なツール。詳しくは動画で使い方が紹介されているので、ご確認ください。
Aardvark Firefox Extension
Firefoxのエクステンション。こちらも要素を選択して非表示にしてプリントするなどの作業ができます。
Readability – An Arc90 Lab Experiment
自分好みのスタイルを設定することができるブックマークレット。スタイル、サイズ、横幅などを調整して、右側のボタンをブックマークバーに保存しておけば、いつでも自分好みのスタイルでページ印刷ができますね。
ここからは、サイトの制作者が使えるTipsをいくつかご紹介します。
Handy Tips for Creating a Print CSS Stylesheet
Print用CSSに加えておくと良いのでは？と思われるCSSがいくつかまとめられて紹介されています。
例えば、下記のようにprint cssに記載しておくとリンクのあとに、リンク先のURLを表示できたりします。
a:link:after {
content: " (" attr(href) ") ";
}
こちらは、#commentsの要素の前で必ず改ページするように設定することなども可能ですね。
#comments {
page-break-before: always;
}
Hartija – Css Print Framework
印刷用のCSSフレームワークです。このCSSファイルを元にして、いろいろと調整していくのも良いのではないでしょうか。
IE Print Protector
HTML5で構築されたウェブサイトをIEでプリントするといくつかの要素を認識せず、ページが崩れてしまったりすることがあるようです。その問題を解決してくれるスクリプト。
|
|
|
