サイト構築 -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
sponsors