javascript・jQuenry

[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark

2012/04/05(Thu) 11:44

高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介しています。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-wookmark.html

jQueryでスクロールすると表示する系いろいろ

2012/03/19(Mon) 16:01

「ちょっとスクロールしたらトップへ戻るボタンを表示」「スクロールするとヘッダーに固定表示」といったスクロールすると表示する系を紹介しています。

http://www.webopixel.net/javascript/538.html

ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI

2012/03/15(Thu) 14:42

HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介しています。

http://coliss.com/articles/build-websites/operation/work/open-source-collection-chico-ui.html

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ

2012/03/05(Mon) 16:55

「リンク（href）を無効にする」「id や href の値を取得する」などを紹介しています。

http://www.webopixel.net/javascript/527.html

HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」

2012/02/28(Tue) 14:58

本をめくるようにドラッグ＆ドロップでべらっとめくるインタフェースを紹介しています。iPadやiPhoneなどでも動作します。

http://phpspot.org/blog/archives/2012/02/html5jsturnjs.html

[JS]これ以上ないと言うくらい簡単に実装できるスライダーのスクリプト -Flow Slider

2012/02/15(Wed) 11:24

IEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介しています。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-flowslider.html

IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい

2012/02/10(Fri) 10:51

CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介しています。

http://coliss.com/articles/build-websites/operation/work/use-different-styles-for-different-internet-explorer-versions-by-paulund.html

[JS]jQueryのプラグイン100選

2012/02/09(Thu) 11:29

「動画関連」「画像ギャラリー関連」「画像拡大関連」といったjQueryのプラグインを多数紹介しています。

http://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2011-best.html

jQueryを使った外部のhtmlの読み込みTips

2012/01/26(Thu) 11:35

jQueryを使ってヘッダ、フッタなど共通部分のhtmlを本体のページに読み込む方法を紹介しています。

http://doruby.kbmj.com/mai_on_rails/20101220/jQuery_html_Tips

CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

2012/01/17(Tue) 10:12

Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのがjQuery。jQueryについてわかりやすく紹介しています。

http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/