タグ

tipsとwebデザインに関するsnipesnapsのブックマーク (3)

  • flashを設置した際に出来る、下辺の余白

    ここ最近エントリーさぼり過ぎてたんで、ちょいネタでも上げていこうっていうスタンスで。 発生条件がイマイチわかってないんですけど、フラッシュを設置した際に、下にpaddingっぽい余白っていうか隙間っていうかが5px~10pxほど空くことがありませんか。IE以外のブラウザで。 こんな風に↓ 図みたく、分かりやすい枠線が有ると露骨に気づくわけですが。 で、まぁコレは画像でも発生するベースラインのアレと同じなんで、解決方法は以下のように。 object, embed { vertical-align: top; } 値は、bottomでもダイジョブです。 embed に指定が無いと、Firefoxで余白が発生して、object に指定が無いとSafariで発生するんで、どちらも指定すると良さげです。

    flashを設置した際に出来る、下辺の余白
  • Photoshopで人物の髪の毛を切り抜く|| Woops'dez | Bloggin'

    人物の切り抜きにはよく「パス」を使います。 しかしながら髪の毛はとっても大変。ここではちょっと楽が出来る切り抜きTIPSをお送りします。 まぁ、私のやり方なので名フォトショッパーさんはもっとグレイトなTIPSを持っているかも知れませんので、そしたら教えてくださいなー。 1.切り抜きをすませる 問題の部分は適当に残しておきましょう。 こんな感じ。 2.背景→レイヤーにする 鍵の付いているレイヤーをダブルクリックすると、「背景」ではなく「レイヤー」になります。こうすることで、チャンネルなどいろいろ遊べるようになります。 こんなダイアログが出てくるのでとりあえずOK押しちゃえ。 「背景」と「レイヤー」の違い 「背景」 消しゴムなどで消しても後ろが白いままで透過されない。 移動が出来ない チャンネルの複製など出来ない などなど レイヤーにするとこれらのことが全て出来るようになります。 3.「チャン

    Photoshopで人物の髪の毛を切り抜く|| Woops'dez | Bloggin'
  • IEとそれ以外のブラウザでアルファ画像を使う方法-とあるWEBクリエイターのblog

    IEとそれ以外のブラウザでアルファ画像を使う方法 pngのアルファ画像をIE6とその他のモダンブラウザでアルファの画像を表示する方法 記述するcssコード div.alpha{ width:100px; height:200px; background:url("alpha.png"); } * html div.alpha{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png',sizingMethod='scale'); background:none; } html sample div.alphaの記述はすべてのブラウザに対して適用されます。 その後に スターハックを使用してアルファ画像をサポートしていないIEのみに適用するスタイルを記述します。 (IEの独自拡張フィルタを使用しています)

    IEとそれ以外のブラウザでアルファ画像を使う方法-とあるWEBクリエイターのblog
  • 1