jQueryプラグイン・ライブラリ [JS]IE6でも滑らかなロールオーバーを実現させるにはsmoothRollOver.jsが便利
リンク画像にマウスを乗せると滑らかなロールオーバーを実現させることができるjavascriptがsmoothRollOverです。 ロールオーバー前と後の2種類の画像を用意して、smoothRollOverのファイルを<head>内に読み込...
jQueryプラグイン・ライブラリ
jQueryプラグイン・ライブラリ 
jQueryプラグイン・ライブラリ [jQuery]<table>をレスポンシブWEBデザイン対応させるプラグインFooTable
ホームページやWEBサイトを作っていると、<table>を使った表組みというのはまだまだ健在です。 しかし、iPadやスマホでサイトを見る機会も増えたことで、今までのようなPCサイト向けに表示させていた<table>をレスポンシブWEBデザ...
jQueryプラグイン・ライブラリ [JS]画像をオーバーレイ表示できるLightboxの新バージョン2.5の使い方
画像をオーバーレイで拡大表示させるライブラリとして定番のLightbox。 今までのバージョン2.05だとPrototype ペースで動いていましたが、バージョン2.5よりjQueryベースで動くようになりました。 なお、IETesterで...
jQueryプラグイン・ライブラリ [jQuery]画面の右や左からダイナミックにメニューをスライド表示できるプラグインPageSlide
スマホアプリで「ボタンをタッチして画面の左や右からメニューがスライド表示される」みたいない動きをよく見ます。 ブラウザの見えない所からダイナミックにコンテンツをスライド表示させる動きを、PCサイトでも実装可能にしてくれるjQueryプラグイ...
jQueryプラグイン・ライブラリ [JS]HTML5でマークアップする際にhtml5shivでIE下位バージョンにも対応させる
HTML5でマークアップをする場合、IE下位バージョン（8以下）がそもそもHTML5のタグが対応していない…という理由で、IE8以下でもHTML5のタグを使えるようにするためのjavascript html5shiv.jsを使う機会も多いと...
jQueryプラグイン・ライブラリ [jQuery]シンプルなドロップダウンメニューが簡単に実装できるプラグインDroppy
ヘッダーのグローバルメニュー等で、マウスオーバーによるドロップダウンメニューを実現させるためのjQueryプラグインDroppy。 シンプルなプラグインなので手軽に設定できますし、メニューの階層が深い場合でも入れ子のドロップダウンメニューが...
jQueryプラグイン・ライブラリ [JS]SimpleModalとjQuery Cookieによる認証ボックスの実装方法
18禁サイトのように、サイト訪問時に年齢確認などのアラートボックスを表示させ、「認証」ボタンを押したら次回のアクセス時からはアラートを出さないようにする、という処理のご紹介です。 jQuery プラグインのダウンロード アラートボックスには...
jQueryプラグイン・ライブラリ [Javascript]IE6でも透過PNGが使えるようになるライブラリDD_belatedPNG
WEBサイトを作っていると「透過画像」を使うことが多いのですが、一番の悩みは「IE6では透過画像が正常に表示されない」ので、こいつの対応をどうしてあげるか…です。> <; IEでも7以降や他のブラウザであれば問題なく表示されますので、IE6...
jQueryプラグイン・ライブラリ [JS]ハッシュタグ（#）によるページ内リンクを滑らかに移動させるsmoothScroll.js
「ページの先頭へ」などのハッシュタグ付き（#）のリンクを滑らかに動かすことができるsmoothScroll.jsのご紹介です。 javascriptファイルを<head>内に設置すれば動きますし、滑らかに動かしたくないリンクの除外設定もでき...
jQueryプラグイン・ライブラリ [Javascript]画像を鏡面反射させるreflection.jsの使い方
WEBをやり始めた頃は「画像が鏡面反射する」見せ方がカッコよくて頻繁に使っていたような気がします。。。 最近ではそのようなサイトデザインからもご無沙汰でしたが、とある仕事で久々に必要になったこともあって、画像の鏡面効果を演出できるrefle...