タグ

printに関するhashimoyaのブックマーク (8)

  • Swapskills Print Css

    JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009

    Swapskills Print Css
  • ホーム - Re Print

    オリジナル横断幕 – オリジナル横断幕は、店内ディスプレイから屋外イベントまで、さまざまなシーンでお使いいただけます。あなた自身の想いを大きな幕に掲げましょう。 オリジナルTシャツ – 名前やオリジナルメッセージ入りのTシャツを作りたいとお考えの方、ぜひ当社にお任せください!独自のデザインを加えて、理想の1枚を作ってみましょう。 オリジナルチラシ – ご自身の会社や事業について伝えたいことがたくさんおありですか?当社のオリジナルチラシは、顧客や見込み客に対して確実にアピールできる手段です。 インターカジノでプレイを始める前にインターカジノ専用解説サイトのインターカジノレビュー(https://intercasino-review.com/)をチェック! 印刷は、ヨハネス・グーテンベルクが発明したものではない、ということは知っていましたか?実は、活版技術のアイデアを思い付いたのもグーテンベル

    hashimoya
    hashimoya 2012/01/20
    シンプルだけども線で見せるなー
  • page-break-*の話

    印刷向けスタイルシートを書いていて、page-break-insideプロパティをpre要素やtable要素で使ったんですが、どうやらInternet ExplorerとOpera以外は対応してなかったり中途半端みたいですね(2011年10月現在)。 page-break-beforeとpage-break-afterプロパティではalwaysしか使えなかったり、page-break-insideプロパティは全然な感じです。 @media print { h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } blockquote, pre, table { page-break-inside: avoid; } } 見出しの直後での改ページや引用や整形済みテキスト、表内での改ページを制御したかったんですが……。

    page-break-*の話
    hashimoya
    hashimoya 2011/10/28
    page-break-*、あんまり需要ないのかな…仕事ではけっこう要望あるんだけどなー
  • Webページとプリントについて再考してみた | kotaログ

    記述例は以下 div page-break-after: always; } コレの悩ましいところが、ユーザー設定のヘッダー・フッターのプリント有無でコンテンツが収まる領域が変動するということです。 ユーザー側の設定の変更や、コンテンツの更新により改ページが意図しないところで行われたりする場合があるので、ちょっと危険です。一部表示だけで紙を1枚使ったり。 Web制作会社のプリント プリントの基的な使いどころとしては、当然画面の情報を紙に出力して保存や持ち出し。みんなやっていることです。 しかしながら、Web制作会社のプリントのケースは『校正用』や『納品用』もあります。 校正用・納品用 HTMLCSS、基的にはスクリーン出力を最重要視して作成するケースが多いため、複雑なレイアウトや微調整時にはけっこうトリッキーなCSSを使用しちゃいます。 そのため、プリント時にはfloatがちょっとお

    hashimoya
    hashimoya 2011/09/08
    テクニック以前の「どう対応するか」の話。
  • Printing Headers - CSS Discuss

    Printing Page Headers and Footers Summary The question arises from time to time on CSS Discuss "Is there a CSS solution which would allow a header and footer to repeat on each printed page?". We're talking about printed page headers and footers that are controllable through CSS, not the page headers and footers that the browser adds automatically (for which see Print Stylesheets ). The answer is s

    hashimoya
    hashimoya 2011/07/26
    印刷時に共通したヘッダーやフッターを全ページに入れたい、という話/position:fixedでそれらしき事は可能だが、IE6未対応の上、他ブラウザでも2ページ目以降コンテンツが重なる。今のところ回避不可らしい…
  • RedLine Magazine : 印刷用CSSのお話

    印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー(嘘かホントかは知らない)あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ!検索対策っ!さっさと検索対策~!って言うじゃん」とか憤も溜まってました。 印刷用のCSSを用意するようになってからは

    hashimoya
    hashimoya 2011/04/13
    じっさいにテクニック云々ではなく、どう対応していくかの過程が参考になる。
  • Win IE6で印刷(プリントアウト)をA4に納めるCSS | アイビーネットblog

    OKWaveなどの質問サイトや質問掲示板を見ていると「WebサイトをWin IE6でそのままプリントアウトしたいけど、収まらず右側が切れてしまう。どうしたらいい?!」という質問をされている方をよく見ます。 色々な解決方法があると思いますが、私がオススメするのは下記の方法です。 * html { zoom: 80%; } プリントアウトCSS解説 やっていることは非常に単純です。 「* html」でハックして、IE6以前(IE5からIE6)に対してのみ適応させる。 「zoom」で、全体の拡大率を変更する(例では80%に)。 よく使われる横幅760pxをA4に納めたいのであれば、80%前後にすれば収まります。 条件コメントを利用してCSSを綺麗に 「zoom」は、IE特有のプロパティですのでvalidatorでエラーが出ます。それが嫌でしたら条件コメント「<!--[if IE 6]>」を使って

    hashimoya
    hashimoya 2009/10/27
    zoomねー
  • 印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]

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

    印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
    hashimoya
    hashimoya 2008/05/20
    実例が参考になりすぎて泣ける。
  • 1