印刷向けCSSとそのパフォーマンス
Does a print CSS file slow your site down?という印刷向けCSSの書き方によるパフォーマンスの違いについての記事を読んだ。この辺りの話はクリティカルなんちゃらのあれなので特に目新しくはないのだけど、最近のChromeが賢くなっているのはちょっと驚いた。 きっとメディア・タイプが一致しないlink要素で参照されたCSSは読み込んでもレンダリングには使わないという感じなのだろう(調べてない)。不一致のメディア・タイプなのに待つのは良く意味がわからないので、他のブラウザーでもこのような実装になってもおかしくなさそう。というかなって欲しい。 この記事の結論としては、 @media print {}を使ってメインのCSSに混ぜる html要素の閉じタグの直前に置く JavaScriptで動的に追加 という感じになってる。JavaScriptでやる場合は、普通に
Internet Explorer
Internet ExplorerCss, UA, Style sheets y Marketing ¿Buscas una escapada de fin de semana desde Barcelona? La ciudad condal está rodeada de tesoros ocultos que ofrecen una escapada perfecta para un par de días. Desde encantadores pueblos medievales hasta impresionantes parajes naturales, estos destinos cercanos a Barcelona te sorprenderán con su belleza y encanto. A continuación, te …
プリントジョブをサクッとキャンセルする方法 | ライフハッカー・ジャパン
Windowsから、プリントアウト中のジョブをキャンセルしたことがある方はお気付きだと思いますが、プリントジョブのキャンセルというのはWindows 95からWindows 7までの間、更新／修正が行われていないのではないか？と思ってしまうほど、のんびりした反応を示してくれます。我々現代人が、いかに生き急いでいるのかを気付かせてくれる機能の一つです。そんなプリンタにも、我々のスピードに合わせて多少生き急いで頂く方法を、今回はご紹介します。RedditユーザShikyoの情報に基づくものです。 プリントジョブのキャンセルにどうしてそんなに時間がかかるのかというと、プリントジョブ用に作成された一時ファイルがWindowsによって使用されている間は、Windowsにはプリントジョブをキャンセル出来ない、ということが原因なのだそうです。その解決方法としては、Windowsタスクマネージャにあるsp
The Printliminator Demo
The Printliminator (repo) is a bookmarklet with some simple tools you can use to makes websites print better. One click to activate, and then click to remove elements from the page, remove graphics, and apply better print styling. Here is the bookmarklet: The Printliminator ← drag to your bookmarks bar Video Demo
25 Detailed Tutorials for Coding Up Your Web Designs
One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide. This post pulls together the best web design tutorials for coding and also some PSD to HTML conversion tutor
印刷用デザインをきれいにまとめるための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)
IT戦記 - 印刷プレビューで「F5」を押したらリロードできる拡張機能作ったよん。
印刷用 CSS 書いてますか？ Web はユーザが見方を決められる唯一のメディアだと「コクボックルさん」が言っていたので、やっぱり印刷用のスタイルはきっちり書いておいたほうがいいですよ！ でも、「書いて確認して、、、めんどくせー！だって、印刷プレビューってリロードできないんだもんよー！」 と某デザイナーさんが言ってた。。 やってみたら、たしかにめんどくせー。 じゃあ、出来るようにしようジャマイカ こんな時間に拡張機能を一つ作ってしまった＾＾； みなさんも、印刷用 CSS の確認のお供に使ってくらさい。 ダウンロード http://usrb.in/aj/pp-0.1.xpi 使いかた 印刷プレビュー画面で「F5」でリロード。今のところそれ以外の機能は一切ない。 確認機種 Firefox 2.0.0.3 Linux Firefox 2.0.0.3 Windows XP フィードバックくれるとう
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はある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
Lucky bag::blog: 印刷用 CSS に必要なこと
拙サイトにおいて印刷用 CSS の需要と必要性がどれほどあるのかは微妙だけど、とりあえずは用意していたりする。んで、作成した当時にこうした方が良いかなってな事がいくつかあったんで、何となく書き残しておく。いや、別にネタがないとかそう言うことじゃ (ry 基本的に紙媒体を対象とするもんだから、通常のスクリーン用 CSS を作成する時とは考え方が変わってくる。 不必要な要素を非表示 ナビゲーションやらサイドカラム、フォームなんかは必要ないんで、display: none; にしてプリント用紙を節約。 フォント関連 ポイントで決め打ちする。拙サイトの場合は、本文 10pt にしてある。後は、本文などの長文系は明朝系のフォントを指定した方が読みやすい。 色は使わずモノクロ 余計な色を使ってインクを使わせないって事と、モノクロプリンタのユーザに対しての配慮。そして、なるべくスミ 100% などのベタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プリンタードライバーにさよなら？Google OSでプリントを管理できる『Google Cloud Print』 | ライフハッカー・ジャパン
[CSS]印刷用のCSSのフレームワーク -Hartija | コリス