タグ

ブックマーク / blog.webcreativepark.net (4)

  • アルファ画像を扱う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]
    uca_co
    uca_co 2010/10/20
    透過png
  • jQuery基礎文法最速マスター[to-R]

    jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

    jQuery基礎文法最速マスター[to-R]
  • 画像に光沢を与えるjsライブラリ『Glossy.js』

    画像に光沢を与えるjsライブラリ『Glossy.js』 配布元:glossy.js ライセンス:Netzgestade Software License Agreement. /Commercial Software Licenses (商用利用不可.個人利用は無料で可能) Glossy.jsは画像に光沢を与えることができるjavascriptライブラリです。 画像にclassを付けるだけで、非常にきれいな光沢をつけることが可能です。 設置方法 まず、glossy.js を読み込みます。 <script type="text/javascript" src="glossy.js"></script> 光沢を与えたい画像のclassにglossyを付けると画像に光沢が与えられます。 <img src="img.gif" alt="R" class="glossy" /> 角丸の半径を変更する

    画像に光沢を与えるjsライブラリ『Glossy.js』
  • IE版のFirebug IE Developer Toolbar[to-R]

    IE版のFirebug IE Developer Toolbar みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか? マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。 IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。 ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。 すごく便利ですので、使ったことがない方はFirebugの方からお使いください。 話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと

    IE版のFirebug IE Developer Toolbar[to-R]
  • 1