matchを使ってみる
JavaScriptのmatchを使って正規表現をいくつか試してみました。...
アニメーション中かどうか判別する
if文で、要素がアニメーション中かどうかを判別してみます。...
YouTubeでミュート状態だと、JavaScriptからボリューム変更ができない
YouTubeでボリュームを変更しようとしてできなかったことがあり、なんでだろうと調べてみると、ユーザーの操作でミュート...
指定した範囲を往復する処理を実装する
指定した範囲内の数値をsetTimeoutを使って往復させてみます。...
CSSのtransformを複数使用する
transformを複数使用したい場面に遭遇したので、調べた方法をメモしておきます。...
Instagram APIでタグに関連する画像を取得する
Instagramのタグに関連する画像を取得してみます。 ※2016/06/18 APIの仕様が変更になり、インスタグラ...
data属性をjQueryで使ってみる
jQueryで処理を書いていて、要素に何らかの値を持たせたいときがよくあります。 そういった時、data属性を使うと便利...
jQueryでタグが自動補完される
append()やprepend()等でタグを挿入する場合、append(‘<div>̵...
table内でpositionが使えるようになっていた
table内でpositionを使った配置をするとFirefoxでうまくできなかった記憶があるのですが、いつのまにか大丈...
mouseoverとmouseenterとhoverを比べてみる
mouseover/mouseoutとmouseenter/mouseleaveの挙動の違いを比べてみます。...
slice・substr・substring・charAtで文字列を切り出す
JavaScriptを使って文字列の一部を切り出す処理を色々試してみます。...
inputにbeforeやafterは使えない
フォームの送信ボタンに矢印を付けようとしてすこし悩んだので、対応方法をメモしておきます。...
JavaScriptでのページ遷移の種類
JavaScriptでの通常のページ遷移、別タブへのページ遷移、新規ウインドウへのページ遷移を試してみます。...
jquery.lazyload.jsの使い方まとめ
画像を遅延読み込みさせるjQueryプラグイン「jquery.lazyload.js」の使い方をメモ。...
メールアドレス入力時に、ドメインを自動で補完する
jQuery UIのautocompleteを使って、メールアドレス入力時にドメインを自動補完する機能を作ってみます。...
return false;とpreventDefault();とstopPropagation();の違い
return false;、preventDefault();、stopPropagation();それぞれの違いを見て...
IE7以下でdisplay: inline-blickを使う
display: inline-block;は便利でよく使うのですが、IE7以下では効かない場合があります。 今回はdi...
inputの入力モードを制御する方法
inputなどの入力モードを制限する実装をしたことがなかったので、方法を調べてみました。...
属性の有無を調べる
属性の有無を調べる方法を試してみます。...
IEのバージョン毎のハックを試してみる
最近はIEの古いバージョンへの対応はなくなってきていますが、たまに使う機会があるので、改めてIEのバージョン毎のハック方...