javascript・jQuenry

[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

パララックスエフェクトの基本 (1/4)

2013/03/26(Tue) 11:59

jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から…

http://www.atmarkit.co.jp/ait/articles/1303/28/news005.html

HTML5 × CSS3 × jQueryを真面目に勉強 – #12 Pinterest風グリッドレイアウトを作ってみた

2013/01/31(Thu) 11:00

そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一のグリッドが整然と並べられているのと違い…

http://dev.classmethod.jp/ria/html5/html5-css3-jquerystudy-12-pinterestgrid/

すぐに使える！jQueryを使用してウインドウ幅一杯にメインビジュアル用のスライダーの実装工程を学ぶ！jQuery Lab第1回

2013/01/24(Thu) 11:54

多機能なコンテンツスライダーは既に多数リリースされていますが、プラグインは様々な場面を想定して作られているため、実際には使っていない機能までたくさんあります…

http://www.html5-memo.com/jquerylab/jquery2012-12/