[B! print] myncoのブックマーク

mynco id:mynco

printに関するmyncoのブックマーク (5)

[CSS]印刷用のスタイルシートがグッとよくなる、3つのポイント
既存の印刷用のスタイルシートや新規に作成する場合でも有用な、印刷用のスタイルシートの3つのTipsをLine25から紹介します。 Handy Tips for Creating a Print CSS Stylesheet 印刷時のテキストをデザインする見出しやパラグラフ、リンクなどのテキスト箇所を印刷用にデザインします。下記の例では、見出しを中央寄せにし、斜体にしています。また、リンクのカラーをパラグラフと同じにし、下線を削除するのもよいでしょう（リンクのスタイルについては後述）。 <textarea name="code" class="css" cols="60" rows="5"> #header h1{ text-align: center; font-size: 42pt; font-style: italic; margin: 0; } #header h2{ text
mynco 2009/06/19
webdesign

print
リンク
ユーザビリティテストと「poo（プリントアウト最適化）」 | 京都のSEOコンサルタント松尾茂起のブログ
ユーザビリティテストと「poo（プリントアウト最適化）」:京都のSEO コンサルタント松尾茂起のブログ京都のSEO コンサルタント松尾茂起のブログTOP > > ユーザビリティテストと「poo（プリントアウト最適化）」気がつけば2月も終わり。 1ヶ月近く、このSEOブログの更新ができていませんでした。「このサイトはコンピュータに損害を与える可能性がありますとは？」の記事って、一体いつの話だよ、っていう感じです。（SEO業界は変化が早いので）で、1ヶ月近く更新していなかった当SEOブログの順位はというと・・・・・・・・・特に変化ありません。今月は賢威のリニューアル作業でてんてこまいでした。自社商品の話をするのもあれなんですが、今回のテンプレート改良の第一のテーマを「ユーザビリティの改善」に定め、色々なことを試しました。その一つが「ユーザビリティテスト」の導入。「ユーザビリティ
mynco 2009/06/18
webページプリントアウト最適化

webdesign

print
リンク
印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。印刷用デザインも1つのWebデザインプロセスとして考えておく。今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ？」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
mynco 2008/05/20
webdesign

print
リンク
印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。印刷用デザインをどうするか。当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。なお、文末にアックゼ
mynco 2008/05/20
webdesign

print
リンク
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
mynco 2008/05/20
webdesign

print
リンク
1