web制作に携わっていると、絶対に通らなくてはならない道としてIE対応があります。

そんな時に役立つのがこの「IE Tester」です。
このツールさえあれば、各バージョンのIEをインストールする必要はありません！

上記イメージ画像を見ていただくと分かる通り、IE5.5～IE8までをタブを切り替えて瞬時に確認できます。

ダウンロードとインストール

まずは下記のIE Tester公式サイトにアクセスして最新版のIE Testerをダウンロードしてください。
http://www.my-debugbar.com/wiki/IETester/HomePage

ダウンロード後は実行してそのままポチポチ進んでいくだけでインストールが完了します。
※Language は Jpanese がありますので、Japanese のみを選択するといいかもしれません。

題名の通り、テーブルの中にテーブルを入れると一部の機種で表示されなくなるので注意！

今回はjQueryで簡単にアニメーションしてみます。

当サイトのヘッダーメニューで使用しいる背景色フェード

コードは下記の通り

$(function() {
	 $('#任意の要素名').hover(
		function(){
			$(this).stop().animate({backgroundColor: '#FF9900'},100);
		},
		function () {
			$(this).stop().animate({backgroundColor: '#000000'},300);
		}
	);
});

ただ、jQueryのアニメーションはコアファイルのみだと数値をもたないbackgroundColor等をサポートしておりません。
別途jQuery.color.jsをダウンロードして利用してください。

bgSwitcher

このプラグインの特徴は

• クロスフェード
• 背景要素の切り替え
• 設定項目が豊富

といったところでしょうか。

背景スライドショーによく使われる「maximage」よりも断然使いやすいと思います。
一度お試しあれ～。

デモ

(さらに…)

やり方はいろいろありますが、今回は公式サイトから手に入るコードをコピペする方法を。

Facebook の「いいね！」ボタンを設置する

Facebook デベロッパーサイトの Like Button ページにアクセスして必要事項を入力するといいねボタンを設置するためのコードが吐き出されますので、ブログの好きなところにコピペしてください。

Twitter の「ツイートする」ボタンを設置する

Twitter 公式サイト のツイートボタンページへアクセスして必要事項を入力するとツイートボタン用のコードが吐き出されますので、ブログの好きなところにコピペしてください。