jQuery 1.9 で削除された、クリックイベントを交互に繰り返す「.toggle()」のみを使いたい

この記事は jQuery Advent Calendar 2014 の 9日目の内容です。

何を書こうか悩んだのですが、軽めに。

jQueryのバージョン1.9より前にあった event の toggle、地味に時折あると、簡易的にイベントを繰り返し実行したいような時に便利だったりします。

.toggle() | jQuery API Documentation

.show() と .hide() を繰り返す方の .toggle() ではないことに注意。

このイベントの `.toggle()` だけをプラグイン的に使えるように抜き出してみよと思います。

続きを読む

スクロール位置によってサイドバーやナビゲーションを固定・解除する jQuery のシンプルな実装方法と注意点

ページをスクロールしていると、途中から要素が固定表示される動きをするサイトを時折見ます。ナビゲーションだったりサイドバーの目立たせたいところだったり、用途は様々。

例えば、SaCSS の 以前のスペシャルページでも利用していたように、ページ途中で出てくるナビゲーションが、画面の一番上に触れると固定されて以降ずっとついてくるような動きをする。

SaCSS WordBench Sapporo,Late2013

この実装はそれほど難しくなく、比較的簡単に実装できるのですが、諸所気にかけておいたほうが良い部分があったりする。

シンプルな実装方法を紹介しつつ、注意点も書いておこうと思う。

続きを読む

透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を「jquery.fade-rollover.js」を変更して github に登録した

https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads

No Post Thumbnail

昨日帰宅後から体調がよろしくない (´ ºムº `) です。電車中でグラングランくると、逃げ場がなくてあたふた・・・

余談はいいとして、本日のエントリーに。先日、『日本人が開発したJavaScriptライブラリで4位?

で、以前作っていたプラグインの利用が高いという事実が!

日本人が開発したJavaScriptライブラリ、エンジニア別国内利用率ランキング – ふろしき.js

ということもあり、ちょっと整理して Github にアップしてみました。

続きを読む