印刷用CSS（@media print）を確認・デバッグする方法 | 編集長ブログ―安田英久 | Web担当者Forum

2015/07/28 61 users 安田英久 CSS media print Web担 なか

Web担トップ » 編集記事一覧 » [コラム] Web担のなかの人――編集部ブログ » 編集長ブログ―安田英久 » 印刷用CSS（@media print）を確認・デバッグする方法 編集長ブログ―安田英久 印刷用CSS（@media print）を確認・デバッグする方法 画面用とは別に印刷用のCSSを設定しているけれども、どうも表示がおかしい。そんなときにこの方法 安田英久（Web担 編集長） ... 続きを読む

印刷したら崩れてた！？印刷用CSSのスタイル確認と修正に便利なChrome DevToolsのエミュレータ機能 – Rriver

2015/05/23 125 users ウェブページ ユーザ 昨今 Rriver レイアウト

印刷したら崩れてた！？印刷用CSSのスタイル確認と修正に便利なChrome DevToolsのエミュレータ機能 いつでも、どこでもネットにアクセスできる昨今、ウェブページを印刷する機会は減っているかもしれません。でも、いざ印刷したらレイアウトやスタイルが崩れていて使えないものになっていたらユーザに申し訳ないですよね。紙の無駄使いになってエコじゃないですし。 ということで、今回は自分メモ的にプリント... 続きを読む

RedLine Magazine : 印刷用CSSのお話

2009/07/02 446 users RedLine Magazine CSS デフォルト あはは

最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー（嘘かホントかは知らない）あはははー」とか返してました。... 続きを読む

印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]

2008/05/18 451 users trans Hatena ゴーディン Tips 制約

印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。印刷用デザインをどうするか。当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。さて、今回取り上げるのは今までと違い、印刷用CSSのコーディン... 続きを読む

印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]

2007/04/22 410 users Smashing Magazine 分解 エントリー 本日

約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わり... 続きを読む

TRANS [hatena] - 印刷用CSSをまとめてみた。

2006/12/08 804 users trans Hatena secondary primary

以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限や... 続きを読む