-
CSSでradioを修飾するときにlabelにidを振るのはエンジニアさんに苦笑いされる
ということでid振らずに何とかならないかね、ということで考えてみたらどうせソースが少し汚れてしまうならばlabel内にspan置けばいいじゃないと。 こんなかんじか。 inputの後ろじゃないとCSS的に指定ができないの […]
-
wordpressのセキュリティ設定
とりあえず以下を参考に２つのプラグインをインストール All In One WP Security & Firewall Edit Author Slug https://keiei.co/all-in-one- […]
-
IE11でtransitionがうまくいかないときは該当要素にflexを指定してる可能性があり？
Chrome、Firefox、Edgeでは問題なくtransitionアニメーションをしているのにIE11だとアニメーションが発動しなかった。 原因は該当要素にflexを指定しているせいでアニメーションがうまくいかなかっ […]
-
たまに発生するError: File to import not found or unreadable: ＊＊＊ の対応方法
いろいろなサイトをみて、ファイルのパスをなおしたり ファイルの権限を変えてみたりしてもうまくいかず。 最終的にはgulp-waitでsassのコンパイルを遅らせることで無事解決。 こんな感じで最初に遅らせる。 var w […]
-
iphoneでtwitter widegetのiframeが横にはみ出るバグの修正
twitterのタイムラインwidegetを使うときにレスポンシブにしたいと思いぐぐるとよく書いてあるのが のくだり。 幅100%だから常に親に合わせる的設定なんだけど、iphoneで見ると親 […]
-
ここ最近頻繁にWindows10がフリーズする原因はWindowsUpdateのKB4054517が原因かもしれない
12月にはいって作業中に急にフリーズ→カーソルは動くけどクリックしてもなにも反応しない→強制終了 を1日何回もやらされることに。 もともとESETと相性悪いみたいで安定していなかったからそのせいかと思ったけどTwitte […]
-
position:fixed;にした要素の子にoverflow-scrolling: touch;を設定するとフリーズすることがある
ナビの固定などでヘッダーを固定、その子要素のナビがクリックで階層表示されるみたいなことをやっているとfixedした要素が画面の高さを超えることが多々ある。 そういうときにナビに対してoverflow-y:scroll;を […]
-
slick.jsでテキストを選択できるようにしたいとき
.slick-slide要素に対してuser-select:none;が指定されているのでそれをautoに上書き。 20210330追記。上記だと一気にすべての文字列を選択してしまうようなので、textというプロパティの […]
-
iphoneなどのスマホで横スクロールメニューを作るけど横幅設定がめんどうくさい
今まではJSなどで親要素の幅を取得してそれを設定して～～ とやっていたが、とても参考になるサイトを発見。 https://moriawase.net/horizontal-scroll 上記のサイトだとinline-bl […]
-
animation GIFをJSで動的に読み込む 一度消して再度読み込むと最終形で表示されてしまう
サーバー側の仕様のようで、キャッシュ？がのこってしまうため一度 empty()で空にして、再度動的に追加しても最後のフレームになってしまう。 それをさけるために読み込むときに***.gif?=日付 という感じでタイムスタ […]