jQuery/Javascript jQuery/Javascript

動的に画像の色を取得して背景や枠線にするような処理を使いたかったため、画像のメインカラー(ドミナントカラーやプライマリーカラーとも言うそうです)を取得するJavascriptライブラリについて調べました。 調べた5つのラ...

Sticky-Kitはスクロールに追従するナビゲーションやサイドバーを簡単に実装できるjQueryプラグインです。 Sticky-Kit 簡単に設置できるのでよく使うのですが、デフォルトで設置するだけだとレスポンシブに対...

slick.jsを使って横幅いっぱい+前後の画像を半透明にしたスライドを実装しようとしたのですが、きれいに動作させようとすると結構手間がかかってしまいました。 slick.js本体の修正やコールバック関数を使うことでいい...

継ぎ目のない無限スクロールをCSS3アニメーションで簡単に実装するjQueryプラグイン「infiniteslide.js v2」を作成しました。 約4年前に作成した「infiniteslide.js」を刷新したバージョ...

.css()や.attr()などjQueryではおなじみのメソッドですが、引数に関数を使うことができ、その返り値を値として設定できることを知りました。jQuery1.4からの機能らしく…今更すぎますが(;´∀`) 実際に...

最近アニメーションを作るときはVelocity.jsを多用しています。 ほぼjQueryのanimate()と同じ要領で軽快なアニメーションが作成できますが、複雑なアニメーションの場合はうまく処理を管理しないと後々ひどい...

お仕事ではbxSliderをよく使うのですが、毎回似たようなカスタマイズを行うことが多いため、コピペで済ませられるようによく使っているカスタマイズをまとめてみました。 本家はこちら (最近Internal Server ...

Webデザインのギャラリーサイトを見ていて、無限にスクロールするアニメーションを取り入れたWebサイトが多く見つかりました。 私自身もinfiniteslide.jsというjQueryプラグインを作成しましたが、他のプラ...

修正: jQueryアニメーションのところ、わざわざreturn d.promise()でなくてもanimate()はpromise()を返すのでそのままreturnでよかったです。 CSSアニメーションやjQueryア...

2015年7月にjQuery3.0アルファ版が公開されました。 jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released パフォーマンス向上や非推奨メソッドの廃止な...

最小値と最大値を指定するタイプのスライダーを実装できるjQueryプラグインを7点ご紹介します。 価格や面積など、最小値と最大値を指定して検索するようなフォームを使う場合に設置してみたくなります。 将来的にはinput[...

大量の記事を扱うサイトの場合、ダッシュボード上の投稿一覧画面ではShift+クリックでまとめてチェックを入れて一括操作できたらいいなと思い調べてみました。 挟んだ間を全部選択状態にする、エディタやエクセルではおなじみの操...

AD