javascript・jQuenry

フラットなのに3D回転するUIを作れるjQueryプラグイン

2014/08/05(Tue) 07:35

フラットなデザインを活かしながら、目を引くアニメーションをつけることが可能です。jQueryの使用を最小限に抑え、アニメーションは基本的にCSSで実装しているため、カクついたりすることも少なく、なめらかに動きます。また、3D回転する面の高さを複数設定できるので、いわゆるアコーディオンの機能のように使うことができます。スマートフォンなど小さな画面の場合でもよくマッチすると思います。
T.Furutaniさん紹介

http://noht.co.jp/turnbox/

[JS]ヘッダやナビゲーションなどを下にスクロールした時には隠し、上にした時に表示するスクリプト -ScrollUpBar

2014/07/31(Thu) 07:41

ヘッダやナビゲーションなど、ページの上部に配置したパネル状のバーを下にスクロールした時には隠し、上にスクロールした時にそのバーを表示するjQueryのプラグイン

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

[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images

2014/07/09(Wed) 11:21

デスクトップのクリック操作、スマフォ・タブレットのタップ操作でも快適に、画像を拡大表示させる超軽量（7.8KB）のスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-intense-images.html

これから始めるJavaScriptの基礎と全体像

2014/06/30(Mon) 11:41

「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第6回目のテーマは「JavaScriptの基礎」です。

http://thebridge.jp/2014/06/javascrip-by-techacademy

初心者でも分かる！なjQuery「TOPへ戻るボタン」の作り方

2014/06/23(Mon) 14:36

画面を下にスクロールすると右下にスーっと出てくるページトップへの移動ボタン。ブログなんかではお馴染みで

http://syncer.jp/jquery-to-top-button

[JS]実装は簡単でスマフォにも対応、縦長ページをスクロールする時にちょうどいい位置にスナップさせるスクリプト -Scrollify

2014/06/17(Tue) 12:18

section要素やdiv要素でパネルを垂直に配置した縦長ページをスクロールする時に、各パネルをちょうどいい位置にスナップさせるjQueryのプラグインを紹介します。

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

スクロールするとヘッダや打ち出しを美しい繊細なエフェクトで上部に隠すテクニック -Scrolling Banner

2014/06/10(Tue) 11:39

今回紹介するのは非常に繊細なスクロールエフェクトです。

http://coliss.com/articles/build-websites/operation/work/scrolling-banner-by-m412c0.html

[JS]これ、いい！サイトのデザインを損なわずにフォームの進捗を美しく表示するスクリプト -Fort.js

2014/06/03(Tue) 10:56

ユーザーがフォームに入力する際、その進捗をアニメーションで美しく表示するjQuery不要の単体で動作するスクリプトを紹介します。

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

[JS]テキストを次々にモーフィングのアニメーションで表示するスクリプト -Morphext

2014/05/28(Wed) 11:52

複数のテキストを次々にモーフィングのアニメーションで表示するjQueryのプラグインを紹介します

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

[JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal

2014/05/28(Wed) 12:14

jQueryは無しで、縦長ページ用のスクロールに連動したさまざまなアニメーションが簡単に実装できます。

http://coliss.com/articles/build-websites/operation/javascript/js-anijs-plugin-scrollreveal.html