[B! 印刷] hatano99のブックマーク

そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita

帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。ライブリロードで、リアルタイムなスタイル調整バックエンドではなくフロントエンドで生成できる前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環

hatano99 2016/11/24

リンク

RedLine Magazine : 印刷用CSSのお話

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

hatano99 2009/07/03

css
印刷

リンク

ピクセル数から印刷物に必要な解像度を知る方法　|　楽してプロっぽいデザイン | Forty-N-FiveBlog

web制作上では解像度を気にすることはあまりありませんが、印刷物となるとそうはいきません。印刷物でデータを入稿したりする際に、この画像は、印刷物ではどれくらいの大きさになるんだろうかと思うことがありました。そこでピクセル数から印刷物に必要な解像度を知る方法ということで今更感はありますが解像度について少しメモっておきたいと思います。ピクセル数から印刷物に必要な解像度を知る方法ピクセル数とはピクセル数とは、デジタル画像を構成する単位である、色のついた「点」。デジタル画像は正方形(まれに長方形)のピクセルを規則正しく縦横に並べることで一枚の画像を表現する。（IT用語辞典より引用）ということで、画像は微小の点が集まって構成されているということになります。例えば、「3840×3072」の画像は横に3840個、縦に3072個の点が並んでいることになります。また、デジカメで画素という言葉がありま

hatano99 2008/12/28

リンク

印刷用CSSの書き方（基本編）：ADP

hatano99 2008/05/19

リンク

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

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

hatano99 2008/05/19

リンク

第11回　写真の印刷と解像度　-　プロが教える写真レタッチ講座

●忘れてました… ２週間のご無沙汰です。さて、先日、何人かの某氏からメールをいただきました。某氏とは言っても苗字が「某」というわけじゃありません。(うわっ、手垢のついた冗談…)　そのメールのうち、私のハートを鷲づかみにしたのが……、「毎回楽しみにしているけど、いつになったら印刷方法を説明してくれるんだ！俺は印刷したいんだぁ！印刷させてくれ～！」というメールでした。まぁ、実際はこんなふざけた書き方だったわけじゃ決してありませんが、確かにうっかりしてました！忘れてました！ごめんなさい。というわけで、今回はPhotoshopを使った印刷の方法を説明しましょう。 ●印刷前の予備知識 Photoshopも以前のバージョンに比べて、印刷が大変簡単になりました。次のセクションで説明する「プリントプレビュー」機能を使うと、比較的簡単に印刷することができます。が、しか～し、本講座は「プロが教える…」ですから

hatano99 2005/12/15