Wordpressの管理画面はカスタムフィールドやプラグインの使用により様々なカスタマイズが可能ですが、「この記事の編集画面で、ここだけ非表示にしたい」といった事、ありませんでしょうか。 ...
SVG画像をCSSだけで黒色もしくは白色に変更する「filter」の設定
アイコン等でよく使用されるSVG画像ですが、マウスオンの状態や、背景色の影響等で、色を変更したいというケースがよくありますよね。今回はシンプルに黒色もしくは白色のどちらかに変更したい時に使用できる「f...
クリックやタップを無効にするためのCSS「pointer-events: none;」
とても柔軟にデザインを再現できるようになったCSS。だからこそ時として小さな挙動の再現が出来ず、ハマってしまうことがあります。今回は画像の上にバッジのようにアイコンを付けて画像にリンクを貼った際に、ア...
【コピペでOK】slickでスライドの高さを揃えるためのCSS
スライダーを実装する際、使い慣れているため「Slack」をよく使用するのですが、少し困ってしまうことがあります。それは「スライド(.slick-slide)の高さが揃わないため、縦線や背景色を付けたい...
レンタルサーバーはヘテムル(heteml)をよく利用しているのですが、この度とある要件のためPHPでは対応しづらく、Pythonで実装する機会がありました。 そのためにFlaskを導入したのです...
拡大してもボケない画像、svg。背景画像に使用して、レスポンシブ対応で横幅100%で可変にして、、、と思ったところ、アスペクト比を保った状態となり、横幅100%になってくれませんでした。今回はそんなs...
slideToggleがカクカクしてスムーズに動作しない時の対処法
jQueryのslideToggleがカクカクしてお困りでしょうか? 手軽にアコーディオンメニュー等を実装できるjQueryのslideToggleですが、特定の条件下において、いつもスムーズな動作...
javascriptでクリップボードへのコピーでエラーになる時の対処法
リンクをクリックした時に現在のURLをクリップボードにコピーしたい。シェアの方法として「リンクをコピー」といったボタンを置いたような場合に使用するケースで、javascriptであれば「navigat...
WordPressの管理画面メニューから不要な項目を非表示にする方法
サイトを更新管理するための管理画面を手軽に導入できることが有難いWordpressですが、時には一部の管理メニューを非表示にしたい時もあります。ある程度はユーザーの「権限グループ」で制御できますが、「...
jQueryでclickイベントが繰り返し実行されてしまう時の解決法
アコーディオンの開閉とか、タブの切り替えとか、なにかと使用するjQueryのclickイベント。そんなclickイベント、いつも通り書いているはずなのに、2回クリックされたような動作になってしまうこと...