印刷用に使えるツールやブックマークレットいろいろ

ウェブサイトを印刷してみると想像していた以上にページが多く出力されてしまったことなどありませんか?

わざわざワードなどにコピペするのも面倒だし…。こんな時に使えそうな印刷用に使えるツールやブックマークレットなどをまとめてみました。

Save paper & ink printing only what you want « PrintWhatYouLike.com

サイトのURLを入力して「Start」ボタンをクリックするとプレビュー画面が表示され、フォントのサイズの調整や、不要な要素をクリックして削除するなどの操作ができるとっても便利なツールです。ブックマークレットも用意されているので、ブックマークに入れておくと便利ですね。


Save paper & ink printing only what you want « PrintWhatYouLike.com

Print Friendly & PDF

こちらも同様に、印刷用のプレビュー画面を見ながら、不要な要素を削除したり、PDFで保存したりできるツールです。


Print Friendly & PDF

The Printliminator

こちらは便利なブックマークレット。黒い”Printliminator”のボタンをドラッグしてブックマークバーに登録しておいて、印刷したいページでPrintliminatowをクリックすると。ページの右上に4つのボタンが表示されます。不要な要素をマウスオーバーしてクリックすると削除されます。そのごプリントボタンをクリックしてプリントすることができる便利なツール。詳しくは動画で使い方が紹介されているので、ご確認ください。


The Printliminator

Aardvark Firefox Extension

Firefoxのエクステンション。こちらも要素を選択して非表示にしてプリントするなどの作業ができます。


Aardvark Firefox Extension

Readability – An Arc90 Lab Experiment

自分好みのスタイルを設定することができるブックマークレット。スタイル、サイズ、横幅などを調整して、右側のボタンをブックマークバーに保存しておけば、いつでも自分好みのスタイルでページ印刷ができますね。


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;
}


Handy Tips for Creating a Print CSS Stylesheet

Hartija – Css Print Framework

印刷用のCSSフレームワークです。このCSSファイルを元にして、いろいろと調整していくのも良いのではないでしょうか。


Hartija - Css Print Framework

IE Print Protector

HTML5で構築されたウェブサイトをIEでプリントするといくつかの要素を認識せず、ページが崩れてしまったりすることがあるようです。その問題を解決してくれるスクリプト。


IE Print Protector

デザインblogランキング

コメント No Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ