[B! print] markupのブックマーク

マピオン、「超印刷」をリリース～ A4用紙で最大、縦10×横10=100枚の連続印刷が可能 …

株式会社サイバーマップ・ジャパン（東京都千代田区、代表取締役社長佐藤孝也）は、同社が提供する地図情報検索サービス「マピオン」において、A4用紙で最大、縦10×横10=100枚の連続印刷が可能な「超印刷」をリリースしました。【サービス名称】　超印刷【提供開始日】　2008年12月11日（木）【利用料】　無料【アクセス方法】マピオンスクロール地図右下の「全画面＆超印刷」ボタンから利用可能です。 URL例：http://www.mapion.co.jp/badge/PR/PRES081211_print.html ※スタッフがA4用紙100枚での日本地図作成にチャレンジしております。「超印刷で巨大日本地図作成 | Mapionスタッフブログ」【推奨環境】 Windows：Internet Explorer 6 以降、Firefox 2 以降、Google Chrome最新版、Sa

markup 2008/12/15

リンク

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

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

markup 2008/05/20

タイポグラフィ

リンク

[CSS]印刷用のCSSのフレームワーク -Hartija | コリス

Hartija - Css Print Framework Hartijaをページに実装するには、ダウンロードした「print.css」を下記のように「media="print"」を記述して配置します。 <textarea name="code" class="html" cols="60" rows="5"> <link rel="stylesheet" href="print.css" type="text/css" media="print" /> </textarea>

markup 2008/04/15

css
print

リンク

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

約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。印刷用デザインも1つのWebデザインプロセスとして考えておく。今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ？」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th

markup 2007/04/25

リンク

プリアシールは、完全無料でケータイ写真で遊べる“写真SNS＋無料シールプリント”サービスです！

プリアシールは、完全無料でケータイ写真で遊べる“写真SNS＋無料シールプリント”サービスです。

markup 2007/04/17

携帯で撮った写真を無料シールプリントするサービス。

print

リンク

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はある程度