○XFinder
タブが使えるWindows版エクスプローラ
http://hp.vector.co.jp/authors/VA011583/#win

○拡張コピー
タイムスタンプ、拡張子を指定してコピー
http://www.htosh.com/software/freesoft/copyext.html

○Charu3
クリップボードに2つ以上入る、コピペに便利
http://www.vector.co.jp/soft/win95/util/se276594.html

○Adobe Dreamweaver CS3 拡張機能 for Movable Type 4.1
MTのタグ補完機能が追加される
http://www.movabletype.jp/blog/dreamweaver_cs3.html

○UnEditor
2つのファイルの相違を比較できる日本語テキストエディタ
http://www.yokkasoft.net/UnEditor/

○Html Validator
HTML文法チェック。Firefoxアドオン。
https://addons.mozilla.org/ja/firefox/addon/249

投稿者:
admin

SJコーディング部による『超絶!コーディング日記』の記念すべき第1回は印刷用CSSについてです。

最近いくつかの案件で印刷用CSSを作成する事があります。
たいていの場合、印刷に必要ないナビゲーション部分をカットしてしまうことですむと思うのですが、
それだけではすまない場合やちょっと困ったときは以下を参考に。

●印刷画面にコンテンツが入りきらない!

IE5.5以降の場合は
zoomというIE独自のプロパティを使用できます。
こいつをbodyに指定してあげれば印刷画面にも入りきると思います。

値の設定は

数値:拡大率を数値で指定。1.0が標準。
%値:拡大率を%値で指定。100%が標準。
normal:標準サイズで表示。

また、その他の方法として、印刷画面に入りきらないのコンテンツの幅を固定指定してしまっているからであって、
該当箇所を
width: auto;
としておけば印刷用のサイズに合せられるはずです。(微調整は必要ですが)

●画像が印刷されない!

印刷ではCSSで指定した背景画像が印刷できないブラウザがあります、
オプションで設定すれば可能なものもあります。

ですから、どの画像を印刷したいのかを最初に決めておくほうが無難と思われます。
また、同様の問題で背景を色つきの画像にしておいてテキストを白にしてまうと何も読めなくなってしまうので気をつけましょう。

●レイアウトが崩れる!

CSSレイアウトで主流となっている2or3カラムレイアウト。
当然CSS内ではfloatプロパティが多数使用されています。

印刷画面ではこのfloatプロパティが悪さをすることが多々あります。

例えばMozillaのブラウザであれば、
「長いブロック要素をfloatすると2ページ以上あっても1ページしか印刷されなくなるバグ」
なんていう問題もあります。

引用:
https://bugzilla.mozilla.org/show_bug.cgi?id=104040
http://past.openvista.jp/blog/article/2004/07/css2print.php

筆者の経験から、floatでバグを起こすのはIE6でもあったような気がします。

印刷用CSSとスクリーン用CSSでは表示が異なることが多々あります。
それも印刷用CSSのバグなのなのだとは思うのですが、
印刷用のCSSではスクリーン用のCSSほどバグの解決法の情報量は多くはありません。
ですから、後は個人で手探りでやっていくしかないと思われます。

ではまた。

PS 部員募集中。

投稿者:
masaki