URL のリストを出力するスクリプトを一部修正して Gist に置きました。 このサイトの印刷時のスタイルというものをまったく考えていなかったことに気づいたので、あわてて CSS と jQuery プラグインを書いて対応した。テストするのに結構な量の紙を消費したけど、サイトを見てる人には印刷してもらわない限り工夫が伝わんないってのがなんかもったいないとか思ったので、やったことをまとめて記事にしてみる。 Fig 1: スクリーンショット Fig 2: 印刷プレヴュー CSS ファイル 印刷専用の CSS ファイルは用意せず、汎用 CSS ファイルの末尾に @media ルールで記述している。サイトの規模や運用方法なんかにもよるだろうけど、ファイル数はなるべく減らしたいので。 不要な要素を削除 CSS ではまずは印刷物として必要のない要素を display: none; で削除。各種ナビゲーシ
HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」 2010年04月14日- IE Print Protector - ieCSS HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」というものがあるようです。 ロゴがIEっぽいのが面白いのはさておき、印刷した時に表示が違う状態を避けられて便利そうです。 IE print protedtorがない時 IE print protector がある時 ない時の状態と、ある時の状態のそれぞれのページが用意されており、これを「印刷プレビュー」で確認してみるとその違いがよくわかるはずです。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 見ておくべきHTML5サイト集 最近公開のHTML5関連の参考サイト色々まとめ
<!DOCTYPE html> Specification whatwg.org/html5 Mailing lists whatwg.org/mailing-list IRC channel irc://irc.freenode.org/whatwg article A composition that forms an independent part of a document, page, application, or site. aside Content that is tangentially related to the content around the aside element nav A section with navigation links. section A generic document or application section. h1, h2
Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet.Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen.Also, following tutorials […] Print style sheets have been somewhat forgotten, and ye
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
