inputのtype=rangeのようなUIを実装できるjQuery UIのSliderを使ってみます。
-
jQuery UI のSliderを使ってみる
-
疑似要素でアニメーションを行う
疑似要素をjQueryでアニメーションさせようとして少し詰まったのでメモしておきます。
-
jQueryのイベントで別のイベントを発火する
jQueryのイベントで、別のイベント内容を実行させる方法をメモ。
-
スマートフォンで端末の向きが変更されたときのみ処理を行う
JavaScriptのresizeイベントをスマートフォンで使う場合、ブラウザのツールバーやアドレスバーが隠れたときにもイベントが発生してしまいます。
端末の向きを変更した時のみresizeイベントを行うようにできるか試してみました。 -
jquery.bxslider.jsを使ったサンプルいろいろ
jquery.bxslider.jsの設定方法を色々と試してみます。
基本的な使い方は、以前書いた記事「jquery.bxslider.jsの使い方やオプションなどのまとめ」をご確認ください。 -
Facebookページの投稿を取得する
FacebookのGraph APIを使って、Facebookページの投稿を取得してみます。
今回使用しているGraph APIのバージョンは2.8です。 -
一定時間後にカーソルを非表示にする
一定時間マウス操作がなかったときに、カーソルを非表示にできるかどうかを試してみました。
-
JavaScriptでtransitionの指定をする
CSSであらかじめclassを用意するのではなく、JavaScriptでtransitionの値を指定してアニメーションできるかを試してみました。
-
iOSとAndroidでavailWidthとavailHeightの挙動が異なる
availWidthとavailHeightをスマートフォンサイトで使用した時に、iOSとAndroidで挙動が違っているようだったのでメモしておきます。
-
jQueryのtoggleClass()を使ってみる
要素にclassの追加・削除を行えるtoggleClass()の使い方を調べてみました。