javascript・jQuenry

[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll

2013/10/02(Wed) 12:13

AppleのiPhone 5sのプロダクトページのような1ページに複数のパネルを垂直方向に配置し、スクロールエフェクトを使って見せるコンテンツを簡単に作成できるjQueryのプラグインを紹介します…

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

[JS]サイズが不明な画像を指定したエリアにフィットさせたり、配置を調整できるスクリプト -Image Scale

2014/05/28(Wed) 12:14

サイズが不明な画像を指定したエリアにアスペクト比を維持したまま、縮小させてフィットさせて配置したり、上下左右寄せに配置させることができるjQueryのプラグインを紹介します…

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

この上なく便利！すごい「jQuery」の小技まとめ３２

2013/07/10(Wed) 11:54

先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか…

http://commte.net/blog/archives/3298

[JS]高さの異なるパネルをレンガ状に配置する機能最小限・実用性重視の超軽量スクリプト -waterfall

2013/07/04(Thu) 11:25

div要素などで配置した高さの異なるパネルをレンガ状に一定の隙間で配置するjQuery兼Zeptoのプラグインを紹介します。左のサイドバーは適用なし、右だけレンガ状にできます…

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

[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium

2013/06/18(Tue) 11:20

ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します…

http://coliss.com/articles/build-websites/operation/javascript/js-helium-for-discovering-unused-css.html

Googleから学ぶ ヌルヌルサクサクなスライドメニュー

2013/06/17(Mon) 13:53

アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません…

http://qiita.com/items/64e4589e37944bf032d9

jQuery：よく使用される機能をまとめて実装できるプラグイン

2013/06/06(Thu) 11:36

スムーススクロール・タブ切り替え・ロールオーバー・アコーディオンなどといった、サイト制作時によく使われる機能をまとめて実装することができるプラグインのまとめです…

http://www.nxworld.net/tips/jquery-implement-multiple-functions-plugins.html

[JS]jQueryも外部CSSも不要！レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js

2013/05/28(Tue) 14:34

デスクトップ・タブレット・スマフォ向けのレスポンシブ対応サイトを作成する超軽量（19KB）のスタンドアローンのスクリプトを紹介します。jQueryなどの他のスクリプトは必要なく、外部スタイルシートも必要ありません…

http://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html

[JS]レスポンシブ対応のシンプルながら高性能なすごいナビゲーション！ -Resposive Nav

2013/04/17(Wed) 11:45

jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します…

http://coliss.com/articles/build-websites/operation/javascript/js-responsive-nav.html

[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider

2013/03/27(Wed) 12:11

シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応…

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