jQueryでメニューを固定位置に追随させる：Live floating menu

http://www.skuare.net/test/jFloatingmenu.html

jQuery ギャラリープラグインGalleria

http://allabout.co.jp/internet/javascript/closeup/CU20080324A/

skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイト

http://www.skuare.net/

imageMenu。動きのあるギャラリーのようなメニューを表現。JS

http://www.phatfusion.net/plugins/imagemenu/

multiBox、複数のメディアを表示出来るJS。

http://www.phatfusion.net/plugins/multibox/

様々なメディアファイルをLighboxのように表示できるLightview

http://chibatch.jp/blog/archives/lightview.html

華麗なメニューを作成するjavascript「FancyMenu」

http://www.skuare.net/test/fancymenu.html

メニューツリーを作成するjavascript「Slidinglist」

http://www.skuare.net/test/mooSlidingList.html

開閉するサイドバーを作成するjavascript「PBB SideBar」

http://www.skuare.net/test/mooSideBar.html

画像にZOOMするJS

http://www.mind-projects.it/projects/jqzoom/

Shadowbox 複数のJavaScriptライブラリに対応したLightbox。

http://shadowbox-js.com/

スライドショーを作成するjavascript「Slideshow」

http://www.skuare.net/test/mooSlideShow.html

画像をスライド表示させるjavascript「iCarousel」

http://www.skuare.net/test/iCarousel.html

動画も対象のLightbox系javascript「Mediabox」

http://www.skuare.net/test/mooMediabox.html

画像をクールに表示するjavascript「mooSlide」

http://www.skuare.net/test/mooSlideX.html

高機能なツールチップjavascript「Prototip」

http://www.skuare.net/test/proPrototip.html

prototype.jsを用いたフォントサイズ変更スクリプト

http://blog.as-is.net/2007/01/prototypejs.html

フォント作り方

http://soga-net.com/blog/cat5/cat18/2.html
http://www.bornfromegg.net/colo/ps_rnd01.html

Photoshopのブラシと装飾的なフォントのコツ

http://www.webdesignlibrary.jp/2009/12/photoshop_brushes_decorative_fonts_tip.php

clearfix決定版！

<指定の仕方>
floatを解除したいhtmlソースの直ぐ下に
（例）<div class="clearfix"></div>
を入れて、
CSSに
/* new clearfix */ 
.clearfix:after { 
visibility: hidden; 
display: block; 
font-size: 0; 
content: " "; 
clear: both; 
height: 0; 
} 
* html .clearfix             { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
と指定する。


参考サイト
http://coliss.com/articles/build-websites/operation/css/css-new-clearfix-hack.html

metaタグのSEO対策

参考サイト
http://www.htmq.com/html/meta.shtml
http://enchanting.cside.com/hp/seo_meta.html
http://www.drk7.jp/MT/archives/001311.html

JS.テキスト・画像・サイトのツールチップ

画像まで表示！
http://coliss.com/articles/build-websites/operation/javascript/1082.html

[JS]ページ内をスムーズにスクロールできるスクリプト

使える！
http://coliss.com/articles/build-websites/operation/javascript/296.html

JSまとめ

http://www.sumnet.ne.jp/domp/jsbs/
JSまとめ

IE6に透過PNGを対応させる「IE PNG Fix v2.0」

■参考サイト
http://blog.apri-cot.com/2009/09/ie6pngie-png-fix.html
http://chibatch.jp/blog/archives/ie6png.html
■備考
読み込みが遅いような感じ

IE6で半透明の画像を表示させるJS

■詳細

http://www.inforz.net/image/231.html

■補足

1.htmlに画像を読み込んでいる場合。imgタグの一番後ろにセレクタを

 入れる。

<div><img src="pngsample.png" class="png" /></div> 

2.CSSでbackground等で画像を読み込んでいる場合。

<div class="png">hogehoge</div> 

3.リンクされている場所に指定する場合。aタグの中にセレクタを

入れる。

<li id="navi01"><a href="index.html" class="png"></a></li>