WEB DESIGN (B)LOG

ノンプログラマーなWebデザイナーによるWordpress、HTML5、スマートフォンサイト制作関連などWebサイト制作に関するブログ

よく使うjQuery・jQueryライブラリ

:javascript・jQuery

JQuery_logo_color_onwhite-300x74.png

自分の制作用テンプレートにひとまず標準で入れているjQueryライブラリです。
この中で賄えないものは他のものを探しますが、
結構このくらいで普通のサイト制作なら事足りていると思います。

ページトップへのリンク、マウスオーバーなど

ページトップへのリンク、画像のマウスオーバー、tabelの行ごとの色替えなどは、ここから選んで入れています。
少しのコードで実装可能な20のjQuery小技集


IEpngFixのようにIE6で透過PNG「DD_belatedPNG」

まだまだIE6対応を求められるので、
PNGを使う場合はIE6指定で読み込むようにしています。

IE6で透過PNGを手軽に使えるJavascriptライブラリ「DD_belatedPNG」


IEpngFixのようにIE6で透過PNG「CSS3 PIE」

CSS3を使う場合で、
IEの独自プロパティで対応できないところは使っています。

たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE

CSS3PIE(PIE.htc)が効かないと思ったら


使いやすいコンテンツスライダー「Sudo Slider」

メインビジュアルのスライドを作る場合よく使います。

[JS]超軽量・超高性能のコンテンツスライダーのスクリプト -Sudo Slider


ブロック要素の高さを揃える「fixHeight.js」

リストの高さを合わせたい場合入れています。
孫要素の高さまで合わせてくれるところがさらに便利です。

複数のブロック要素の高さを揃えてくれる「fixHeight.js」


lightbox風処理は「ThickBox」

コードが簡単で、
画像だけではなく、HTMLをiframeではなくブロック要素で表示できるところも便利です。

jQuery版のLightBox「ThickBox」


【送料無料選択可!】作りながら基礎から学ぶPHPによるWebアプリケーション入門 XAMPP/jQuery/H...


pagetop