FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
[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)
[JS]指定した箇所だけを印刷できるスクリプト -jPrintArea
jPrintArea jPrintAreaは、jQueryのプラグインで動作し、スクリプトで指定した箇所のみを印刷領域として設定することができます。 ※印刷する際はブラウザの印刷からではなく、別に印刷ボタン(印刷のリンク)を設置する必要があります。
XHTML+CSS Slideshow Tool の仕組み (plucore.log（プラコア ブログ）)
個人ブログの方で XHTML+CSS Slideshow Tool を紹介しましたが、簡単にこっちでもお話しします。 XHTML+CSS Slideshow Tool とは XHTML+CSS Slideshow Tool Ver 1.0 サンプル ファイル PDF 印刷したサンプル 純粋な XHTML と CSS の組み合わせで PDF 印刷することを前提に作られたプレゼンテーションツールです。 XHTML 文書の中身は S5 と似たような構造になっています（かなり単純化されてますが）。 なので JavaScript によるエフェクトは一切ありません。個人的にそんなのはいらないと思っているし。 とまあそのままコピペですが、目的はあくまで PDF 印刷です。ブラウザ上で見ることも出来ないことはないですが、JavaScirpt を使ってどうこうしなければ、それこそ S5 のようなツールの
印刷用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
![印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/006177c1ae7d95a2c7c0336994db88ed59a41525/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523317%2F1448268251)
普通の紙を味のある「アンティーク風」にする方法 | POP*POP
これはなかなかおしゃれ。 こちらでは普通の紙をアンティーク風にする方法が紹介されています。プレゼントのラッピングに使うとおしゃれかも知れません。ホワイトデーにいかがでしょう。 » How to Antique Paper （via Curbly） では、下記に作り方をご紹介！ ■ 用意するもの。 古紙に見せたい紙（中にはメッセージや詩を書いておきましょう） 1/4カップほどの熱いブラックコーヒー（紅茶でも可） コーヒーの粉、スプーン1杯分 紙より大きいベーキングシート スポンジブラシ（あるいはそのようなブラシ） ペーパータオル オーブン ■ 作り方 まず、オーブンをもっとも低い温度で暖めておきます。摂氏93度位だそうです。 紙をしわくちゃにしてから伸ばしてオーブンのトレイに入れます。トレイにはベーキングシートを敷いておきます。紙はその上に載せましょう。 紙をコーヒーに浸します。隅々まで染み
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
