-
スマホでもyoutubeを背景で自動再生させたい
基本的にiphoneなどは動画を自動再生させてくれないが、以下のプラグインは再生させてくれる。 https://github.com/pupunzi/jquery.mb.YTPlayer ありがたや。
-
slick.jsでテキストを選択できるようにしたいとき
.slick-slide要素に対してuser-select:none;が指定されているのでそれをautoに上書き。 20210330追記。上記だと一気にすべての文字列を選択してしまうようなので、textというプロパティの […]
-
animation GIFをJSで動的に読み込む 一度消して再度読み込むと最終形で表示されてしまう
サーバー側の仕様のようで、キャッシュ?がのこってしまうため一度 empty()で空にして、再度動的に追加しても最後のフレームになってしまう。 それをさけるために読み込むときに***.gif?=日付 という感じでタイムスタ […]
-
CSS3のTransitionとAnimationのメリットデメリットって
これのエントリーの前に書いているAnimation。 使いやすいけど弱点をすごく感じた。 それはスクロールに合わせてClassを追加したり削除したりするときの挙動。 Animationはアニメが0%~100%の間で細かい […]
-
レスポンシブサイトでイメージマップ(imgmap)を利用するときにrwdImageMaps.jsを使うけど
jquery.rwdImageMaps.min.jsお世話になってみました。 これで後のレスポンシブサイトの大きな問題はTableだけなんじゃないかとか、そうじゃないとか。 ただ、こちらのJs利用する上で小さな落とし穴に […]
-
position:absolute;で設定していた要素をある地点までスクロールしたらposition:fixed;に変更する。けど動きおかしい
なかなかやることが無さそうなシチュエーション。 最初からFixed出来ればラクなんだけど、その要素を通過するまで普通にコンテンツ内にまぎれていて、それを越したら画面中央までアニメーション。そして固定。 スクロールの判定は […]
-
slick.jsを利用していて、初期状態をdisplay:none;にしたらレイアウト崩れる
スライドショーの定番Slick.js、とてもよく活用させていただいている。 普通に使用する中では問題にならないが、場合によりslick部分のコンテンツを初期状態で非表示にしておいて、何かしらのアクションで表示させる場合、 […]
-
jqueryで親セレクタ(親要素)を指定する時に相対パス的な書き方だと面倒
今まであまり考えてこなかった問題。 頭の中で組んで、一発でコーディング出来る時はあまり問題になってこなかったけども、動きを検証しながらHTMLを加筆したりすると起きる問題。 ある指定したボタンなど(.btn)をクリックし […]
-
liやDivで並べた要素を表示のたびにランダムRandomで並び換えをしたいとき
都度調べては忘れるので備忘録として書いておく。 JQueryなどで特定の要素内の子要素を並び換えしたいときに簡単に実装可能。 これで並び換え完了。のはず。
-
レスポンシブサイトでメニューをまとめる時にナビとかが複数あってどうしような時
あります。 GlovalNaviだけまとめるメニューのプラグインは良く見かけるが、サイト内ではグロナビに加えてSNSのナビだったり、ログインのナビが独立して複数存在することは多々ある。 で、ようやく昔見つけていたサイトを […]