サイト構築 -JavaScript

ぷるるん新感覚!スマフォでのスクロールが楽しくなるナビゲーション -Jelly Navigation Menu

Post on:2013年8月21日

各アイテムをスクロールのスピードに合わせて、ゼリーでできたようにぷるるんと変形させるJelly Navigation Menuを紹介します。 Introducing Jelly Navigation Menu: When

...記事の続きを読む

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

Post on:2013年8月20日

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

[JS]ページ内アンカーをidだけでなくclassや要素にも指定できるスクリプト -Arbitrary anchors

Post on:2013年8月19日

ページ内リンクをアニメーションでスクロールさせるスクリプトはいろいろありますが、ちょっと機能的にいろいろある面白いjQueryのプラグインを紹介します。 ページ内アンカーは通常、要素のidを指定して#(ハッシュ)リンクで

...記事の続きを読む

[JS]スクロールしてもサイドバーなどの要素を貼り付けたように常に表示させるシンプル高性能超軽量スクリプト -Sticky-kit

Post on:2013年8月8日

ユーザーがスクロールした際、指定した要素をぴたっと貼り付けたように指定範囲に常に表示させるスティッキー用のjQueryのプラグインを紹介します。 実装は非常に工夫されており、シンプルかつ高性能、しかも1.8kの超軽量!

...記事の続きを読む

[JS]ビフォーアフターの2枚の画像を分かりやすく比較できるようにするスクリプト -TwentyTwenty

Post on:2013年8月5日

2つの画像を重ねて、中央のバーをスライドしてビフォーアフターを切り替えて表示することで、簡単に比較できるようにするjQueryのプラグインを紹介します。 ↓はただのキャプチャ画像なので動作しません。 TwentyTwen

...記事の続きを読む

[JS]既存のページに数行加えるだけでパララックススクロールを実装できるチュートリアル

Post on:2013年8月2日

jQueryとほんの数行のスクリプトでパララックススクロールのエフェクトを与えるデモを紹介します。 Parallax scrolling background

[JS]スライドさせるだけでなくもう一手間加えて、ぐぐぐっとかっこよくナビを表示するスクリプト -Box Lid Menu

Post on:2013年8月1日

最近よく見かける左のパネル状のナビゲーションをアニメーションでスライド表示させるエフェクト。 ほとんどのものは単にスライドしてナビゲーションを表示するだけですが、エフェクトを加えちょっとダイナミックにしたアニメーションが

...記事の続きを読む

[JS]スクロールに加速やバウンドなど30以上のエフェクトを与え、位置補正もできるスクリプト -AnimateScroll

Post on:2013年7月29日

ページ内スクロールで要素に向かって単に一定の速度でスクロールするだけでなく、加速やバウンド、ちょっと通り過ぎて戻ったりといった30種類以上のアニメーションのエフェクトをサポートしたjQueryのプラグインを紹介します。

...記事の続きを読む

[JS]テキストにSci-Fi styleのかっこいいアニメーションのエフェクトを与えるスクリプト -Text Effects

Post on:2013年7月25日

ランダムな文字を次々に表示し、一つのテキストを生成するSci-Fi styleのアニメーションのエフェクトを与えるjQueryのプラグインを紹介します。 Text Effects Text Effects -GitHub

...記事の続きを読む

[JS]ヘッダをスクロールしても上部に固定表示するだけでなく、途中で変更もできるスクリプト -Clingify

Post on:2013年7月23日

ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。 Clingify Clingify -GitHub

top of page

©2024 coliss