JavaScriptとCSSで揺れながら落下する処理を実装する
雪が降っているような表現をしてみたかったので、JavaScriptとCSSを使って揺れながら落下する動きを実装してみまし...
JavaScriptの記事一覧
スクロールで指定した要素が表示された時にclassを追加する
スクロールで画面内に要素が表示されたらアニメーションを行う実装をすることがよくあるので、指定した要素が画面内に表示された...
配列の値の中からランダムで選択する
配列の値の中からランダムで選択する方法をメモ。...
jQueryのスムーズスクロールでブラウザバックに対応する
ページ内リンクのスムーズスクロールは色々なサイトで見かけるのですが、ブラウザバック時に元の位置ではなく前のページに戻って...
overflow: auto;を設定した要素内にある要素の位置を取得する
overflow:auto;を設定した要素内に配置している要素の位置を取得する際に少し詰まったので、取得方法などをメモし...
JavaScriptでランダムに偏りを持たせる
JavaScriptでランダムに偏りを持たせる方法について調べてみたのでメモ。...
JavaScriptで配列内の最大値と最小値を調べる
配列内の数値の最小値と最大値を取得する方法を調べてみたのでメモ。...
プラグインのスライダーの動きをカスタマイズする
プラグインのスライダーの動きをCSSで変更する機会がありましたので、やり方をメモしておきます。 今回使用するプラグインは...
matchMediaを変数に入れて複数箇所で使用する
matchMediaを変数に入れて複数箇所で使用としたときに少し詰まったので、やり方をメモしておきます。...
JavaScriptで親や兄弟要素を取得する
JavaScriptで指定した要素から親・子・兄弟に当たる要素を取得する方法をメモ。...
指定範囲でのパララックスを実装する
指定範囲内でパララックスさせることがたまにあるので、実装方法をメモしておきます。...
TypeScriptを使ってみる
TypeScriptは静的型付けやクラスベースのオブジェクト指向を実現しているのが特長で、JavaScriptの大規模な...
webfontloaderでWebフォントの読み込みを行う
JavaScriptのライブラリ「webfontloader」で、Webフォント読み込み時のコントロールを追加してみます...
PhantomJSを使ってみる
PhantomJSはWebkitベースのヘッドレスブラウザで、Webスクレイピングやスクリーンショットを取得したりするこ...
e.targetとe.currentTargetの違い
e.targetとe.currentTargetの違いについて少し調べる機会があったのでメモ。...
無限スクロールで画像の読み込みをカウントする
以前に実装した無限スクロールに、画像の読み込みをカウントする機能を追加してみます。...
CSSでのアニメーション完了後にJavaScriptで処理を実行する
CSSのtransitionでのアニメーション完了後にJavaScriptで処理をしたいことがよくあるので、いい実装方法...
JavaScriptでOGPを書き換える
OGP情報をJavaScriptで書き換えて、facebookやtwitterに反映させることができるかを試してみました...
colorbox.jsでライトボックス表示後にYouTubeを自動再生する
jquery.colorbox.jsを使って、ライトボックス表示後にYouTubeを自動再生させてみます。...
jQuery UIをタッチイベントに対応させる
jQuery UIはデフォルトだとタッチイベントに対応していないようなので、タッチイベントに対応させる方法を調べました。...