タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

designと技術に関するm152のブックマーク (4)

  • ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する

    yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Internet Explorer 6(以下IE6)はアルファチャンネルに対応していないので、一工夫する必要があります。IE6でアルファチャンネルを含むPNGを表示するには、IE6のフィルタ機能であるAlphaImageLoaderを使用します。フィルタを使用すると、画像としてではなく要素の背景のように振る舞います。したがって、表示させるにはIE6でアクセスがあった場合のみ以下のような処理を行えばよいことにな

  • アルファ画像を扱うalphafilter.jsライブラリ[to-R]

    アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a

    アルファ画像を扱うalphafilter.jsライブラリ[to-R]
  • DesignWalker

    DesignWalker
  • 3.5ping.org

    WordPressWordPressを基として制作致します。もちろんオプションではなく無料でインストールしクライアント様御自身で更新できるようアドバイス致します。 SSL化すべてのページSSL化を無料で実施しています。 SSL化は今後のサイト運営で欠かせない高セキュリティ運営になります。 今後は間違いなくSSL化が主流となってきます。 さらにHTTP/2対応のサーバーを利用するのでサイト表示も高速化が可能。

  • 1