透過するデザインを作成するために

ホームページをデザインする上で、ここを透けさせたい！きれいな影を付けたい！と言う事は、よくあることです。
その場合、透過GIFを使用する方法とPNGを使用します。

透過GIFの利点は、ほぼ全てのブラウザで対応していて、ごく普通に<img>タグで貼付けるだけで使用できます。
しかし、透過GIFはあまりきれいではなく、あまりイメージ通りのものができません。

もう一つの方法、PNGを使用する方法ですが、最新のブラウザは対応してますが、全世界的にシェアを持っているIE6が対応していません。
そこで今回紹介するJavascriptを利用すれば、CSSを少し書き足すだけで、IE6でも対応することができます。

利用方法は、下記となります。
Javascriptの読み込みとCSSに1行入れておしまい！とても簡単です。
まずは、JavaScriptのダウンロード。

Javascriptを使用するための一行
<script type='text/javascript' src='_js/iepngfix.js'></script>

iepngfixを利用するためのCSS
* html #クラス名 { behavior: expression(IEPNGFIX.fix(this)); }

ホームページを一発で綺麗に印刷する方法

ホームページ制作会社や、企業のホームページ担当の方は、打合せ用にページを印刷することが日常的にあると思いますが、普通に印刷しようとすると表示が崩れてしまったり、紙からはみ出て印刷されてしまったりってことがよくありますよね。

そんな時にはコレ！

Firefoxのアドオン 「Pearl Crescent Page Saver」です！

どんなに長～～いページでもボタン一発でスクリーンショットを撮り、画像として書き出してくれます。あとは一枚になった画像を開き、用紙サイズに合わせて印刷すれば、ばっちり綺麗に印刷できます。

インストール方法は、Pearl Crescent Page SaverにFirefoxでアクセスして、下記の画像のようなリンクがあるので、クリックするとアドオンのインストールが行われます。




上記のPearl Crescent Page Saver ＋ 注釈が付けれてしまうアドオンもあります。

その名も「Fireshot」

こちらは Crescent Page Saverのようにページ全体のスクリーンショットも撮れますが、それだけじゃなくそのスクリーンショットに注釈が書き加えられます。

つまり外注先のウェブ制作会社への指示書作成が、Fireshotさえ入れれば1回で済ませられます。ただしメニュー関係が英語です。ちょっと敷居高いですが、勘で色々触ればなんとかなります。


Firefoxはウェブ制作者にはほんと、助かるアドオンばっかりですね。
また何か便利なものがあれば紹介したいと思います。

[ Sugi ]