Blog on Digital Media › 劣化するWebメディアの“ユーザー体験” デジタルメディアは印刷メディアに学ぶべきなのか？
収集のつかないくらい取り散らかった Web メディアのデザインは、 ユーザーの集中を阻み、“メディア体験”を蝕む このままでは、 印刷メディアを克服したとする Web メディアも、 読者に“ノー”と言われる時がやってくるかもしれない Web（メディアの）ページは、あまりに多くユーザーへの接触点を盛り込んで取り散らかってしまい、読者はコンテンツに集中することができない。 こう語るのは、米国でブログ、ビデオなど多くのソーシャル型コンテンツをネットワークするメディア企業 SAY Media の CEO、Matt Sachez 氏です。 Ad Age DIGITAL 掲載記事「Take a Lesson from Print Media: Clean Up Web Layouts」（印刷媒体から学べ：Webページのレイアウトを片付けろ）で、氏は昨今のデジタルメディアが生み出す“体験”が
ツネノート: コンビニのコピー機がプリンター代わりに！-iPadから直接印刷する方法2-
2010年6月13日日曜日 コンビニのコピー機がプリンター代わりに！-iPadから直接印刷する方法2- ネットプリントはセブンイレブンのマルチコピー機を使った印刷サービスです。 これまで、パソコンではデータアップロード用のページからファイルを登録出来ましたが、iPhoneやiPadでは出来ませんでした。 2010年6月7日からiPhoneを始めとするスマートフォンでの利用も可能となりました。 http://www.printing.ne.jp/mobile/index.html iPhone,iPadでは「netprint」アプリケーションから利用出来ます。 netprintをiTunesで見る netprintアプリケーションではiPhoneに保存してある画像、テキスト入力、Webページの印刷に対応しています。 また、アプリからではなく、専用のアドレスに添付ファイルを送信す
ツネノート: iPadから直接印刷する方法-ePrintを使って印刷-
2010年6月10日木曜日 iPadから直接印刷する方法-ePrintを使って印刷- iPadにはワープロアプリ"Pages",表計算アプリ"Numbers",プレゼンアプリ"Keynote"と言ったMicrosoftオフィスの様な仕事で使えそうなアプリがあります。 このアプリを購入すればほとんどの仕事がiPadで出来ると思いましたが、iPadには印刷機能はありません。 書類を印刷して相手方に渡したい場合はどうするんでしょうか？ アップルのサポートにはこうあります。 iWork for iPad：印刷方法 印刷するには、まずファイルをコンピュータに送信する必要があります。iPadをパソコンに繋いで書類を保存して、パソコンから印刷するという事らしいです。 iPadで作成して、パソコンから印刷なんてちょっと残念な気持ちになってしまいました・・・。 どうせなら直接印刷したいですよね
印刷用の CSS と jQuery プラグイン
URL のリストを出力するスクリプトを一部修正して Gist に置きました。 このサイトの印刷時のスタイルというものをまったく考えていなかったことに気づいたので、あわてて CSS と jQuery プラグインを書いて対応した。テストするのに結構な量の紙を消費したけど、サイトを見てる人には印刷してもらわない限り工夫が伝わんないってのがなんかもったいないとか思ったので、やったことをまとめて記事にしてみる。 Fig 1: スクリーンショット Fig 2: 印刷プレヴュー CSS ファイル 印刷専用の CSS ファイルは用意せず、汎用 CSS ファイルの末尾に @media ルールで記述している。サイトの規模や運用方法なんかにもよるだろうけど、ファイル数はなるべく減らしたいので。 不要な要素を削除 CSS ではまずは印刷物として必要のない要素を display: none; で削除。各種ナビゲーシ
グーグル、「Google Cloud Print」を開発中--クラウドOSからの印刷を可能に
Googleの「Chrome」のようなクラウドベースOSを使用していて、ローカルのプリンタドライバをインストールできない場合、どう印刷したらいいのだろうか。Googleはその問題を解決しようとしている。 Googleは、Chrome OSユーザーがあらゆるデバイスからローカルのプリンタや共有プリンタへ文書を送信できるようにする「Google Cloud Print」システムを開発中だ。Cloud Printはローカルのプリンタドライバに依存するのではなく、Google側でプリントジョブの受信と管理を行い、それをプリンタへ返信する。 Googleは開発者向けにいくつかのリソースの公開を開始している。Googleのグループ製品マネージャーであるMike Jazayeri氏は米国時間4月15日、The Chromium Blogへの投稿の中で次のように述べた。 Google Cloud Prin
http://mtw.cocotte.jp/blog/diary/html/2009/05/07-2234.php
Warning: set_time_limit() [function.set-time-limit]: Cannot set time limit in safe mode in /home/users/1/cocotte.jp-mtw/web/cms/wp-content/plugins/rvg-optimize-database/rvg-optimize-database.php on line 23 404 Not Found ??????????????????? ?????? URL ? https://mtw.cocotte.jp/blog/diary/html/2009/05/07-2234.php ?????????????????????????????
メモ @media print{} 使わないのってなんでだっけ？ - neotagの雑文
CSSのファイル数減らしたいなーと考えててふと思った事。なんで @media print って使われないんだっけ・・・？ 使ってもいいよね？ ネスケ対応とかもうガン無視してるから@import挟む必要ってないよね。 最近の流行はコネクション数減らすために1枚のCSSで書くのが主流になってない？ @media print{} ってIE6も対応してるよね。 （メジャーブラウザで非対応あったか後で調べる。） ってことでPrint CSS作らずにCSSの一番下に書こうかなーと思ってる今日この頃。っていうか今日。 追記メモ yahoo.comとかCSS覗いてみたけどそもそもprint向けの記述無いかも。。
RedLine Magazine : 印刷用CSSのお話
印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー（嘘かホントかは知らない）あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ！検索対策っ！さっさと検索対策～！って言うじゃん」とか鬱憤も溜まってました。 印刷用のCSSを用意するようになってからは
企業検索エンジン ComSearch / プレスリリースを無料 記載
「ComSearch」サイト閉鎖のお知らせ 平素は格別なご高配を賜り、厚く御礼申し上げます。 また、日頃よりComSearchをご利用下さり、誠にありがとうございます。 さて、「ComSearch」は開設以来、多数の皆さま方よりご利用いただいてまいりましたが、 2013年11月26日をもちまして、サイトを閉鎖させていただくことになりました。 これまで「ComSearch」をご愛顧くださりました皆さまには、 改めて御礼申し上げますとともに、サイトを閉鎖いたしますことをお詫びいたします。 長らくご愛顧いただき、誠にありがとうございました。
CSSによるプリントデザイン
CSSによるプリントデザイン 最終更新日: 2009/03/14 アンテナハウス株式会社 CSSによるコンテンツとレイアウトの分離 Webページは、HTMLという言語によって表現されます。HTMLの開発当初は、分散したコンピュータに存在する情報をナビゲートするために使用されていましたが、ブラウザの登場でWebページの見栄え・レイアウトが重要になってきました。 この結果、HTMLにレイアウトの要素・属性が入り込み、Webページの表現がコンテンツとレイアウトが混然一体としたものになってしまいました。 コンテンツとレイアウトが混然一体となっていると、WebページをPCの画面のような特定の媒体に表示する時は良いですが、それ以外の媒体に表示するのは不向きになってしまいます。 CSSはWebページの記述においてコンテンツとレイアウトを分離するために提唱されました。 Webページの中には、例えば、じっく
印刷のことを常に考え、要所要所でボーダーを使うべし | Takazudo Clipping*
印刷って大事なんじゃないですかっていうエントリです。 背景で画像敷いたり、背景色で塗りつぶしたり、複雑なデザインの箱を組む時でも、できるだけボーダーを設定した方が、印刷時に奇麗に見えることがあります。たとえばこんなデザイン。 基本例 背景画像を印刷する設定して、インク代を浪費する人はまれなので、ほとんどの人は、CSSにて指定された背景画像や背景色を出しません。その結果、なんか見出しなんだか何なんだかよく分からんよねという感じに。 まぁ、ある程度はしょうがないんですが、グラデーションの端にborderをつけておくことで、ちょっとだけ分かりやすくすることができる。borderつけてHTML組んだサンプルと、その印刷イメージです。 HTML組んだサンプル(HTML) どうでしょうこれ。なんかすごい微妙な例で申し訳ないんですが、2番目のやつとか、むしろイラネーと自分で思ってしまったんですが、こんな
印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ
![印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f625aab20ef8abfef513499376656cecc29a08ae/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faratako0%2F20080518%2F20080518141449.png)
Advanced CSS Printing - Using CSS Page Breaks
I have one customer that absolutely insists his web pages print perfectly. Why? Because he refuses to look at his pages on the screen -- he tells his employees to print the website for him to look at. And since he looks at pages that way, he believes most of his customers do just this. Needless to say, I've learned quite a few tricks to making a website print properly. I've already shared methods
pre 要素に対する印刷用 CSS
サイトリニューアルと同時に印刷用スタイルも書いてみたんですが、ふと気がついたのは、pre 要素の中身って印刷するとき紙からはみ出しちゃって全部印刷できてないじゃんっていうこと。 Blog の記事を印刷する人ってそんなにはいないと思いますが、一応対策しておくかということで書いてみました。と言っても、別に目新しいことはしていませんので期待せずにお願いします。 さて、当サイトで使用している pre 要素には、画面表示用のスタイルとして、「overflow: scroll;」 を指定、改行せずにはみ出した部分はスクロールバーで表示させていますが、当然ながら印刷時はスクロールバーなんて出ないので、普通に紙からはみ出して終了と。 なので、印刷スタイルでは pre 要素を基本的に整形済みテキスト （Preformatted Text） として表示しつつも、印刷領域からはみ出してしまう場合のみ適当に改行が
[CSS]背景に指定した画像を印刷させる方法
HTML <h1 id="logo">Site Name</h1> CSS h1#logo{ background: url(images/logo.gif); height: 75px; width: 137px; text-indent: -9999px; } HTML <h1 id="logo">Site Name</h1> <img src="images/logo.gif" class="nodisplay" /> Screen CSS h1#logo{ background: url(images/logo.gif); height: 75px; width: 137px; text-indent: -9999px; } img.nodisplay{ display: none; } Print CSS h1#logo{ display: none; } img.no
![[CSS]背景に指定した画像を印刷させる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
Firefoxの印刷と闘う | Takazudo Clipping*
色々CSSの描画が賢いFirefoxも、印刷に関してはてんでダメです（2007年4月現在）。 そんなのにちょっと対応するTips。 ※このバグには、もっと良い解決方法がありました → Firefoxの印刷と闘う その2 各ブラウザのCSSに対するサポートはかなり良くなってきたものの、印刷関連のプロパティ対応はかなり遅れているような感じがするし、印刷時のバグというのは結構ひどいのが多いです。その点に関して、Operaだけはかなり頭いいですが。仕事で(X)HTMLを書くとき、印刷時にこのページおかしいんだけど！という問題は、これまでかなり直面してきました。趣味でやっている分には、印刷時なんてスタイルシート切っちゃえばいいんだ、ヘッダもフッタもナビも消して白い背景に黒い文字だけのほうがプリンタのインクも節約できていいでしょ思うけど、仕事で何の説明も無しにそれやると、クレーム来ても文句言えないで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新一代跑狗论坛十123:404
「印刷用ページ」の作り方
iPhoneで撮った写真をワイヤレスでプリントできる『Air Photo Wifi Printing』 – 今日のアプリ第329回
How to create an unobtrusive print this page link with JavaScript | 456 Berea Street