ino | 素材の壺

2022年11月19日

SVG画像をCSSだけで黒色もしくは白色に変更する「filter」の設定

アイコン等でよく使用されるSVG画像ですが、マウスオンの状態や、背景色の影響等で、色を変更したいというケースがよくありますよね。今回はシンプルに黒色もしくは白色のどちらかに変更したい時に使用できる「f...

2022年11月8日

とても柔軟にデザインを再現できるようになったCSS。だからこそ時として小さな挙動の再現が出来ず、ハマってしまうことがあります。今回は画像の上にバッジのようにアイコンを付けて画像にリンクを貼った際に、ア...

2022年11月5日

スライダーを実装する際、使い慣れているため「Slack」をよく使用するのですが、少し困ってしまうことがあります。それは「スライド（.slick-slide）の高さが揃わないため、縦線や背景色を付けたい...

2022年10月22日

レンタルサーバーはヘテムル（heteml）をよく利用しているのですが、この度とある要件のためPHPでは対応しづらく、Pythonで実装する機会がありました。そのためにFlaskを導入したのです...

2022年2月10日

拡大してもボケない画像、svg。背景画像に使用して、レスポンシブ対応で横幅100％で可変にして、、、と思ったところ、アスペクト比を保った状態となり、横幅100%になってくれませんでした。今回はそんなs...

2022年1月11日

jQueryのslideToggleがカクカクしてお困りでしょうか？手軽にアコーディオンメニュー等を実装できるjQueryのslideToggleですが、特定の条件下において、いつもスムーズな動作...

2022年1月7日

リンクをクリックした時に現在のURLをクリップボードにコピーしたい。シェアの方法として「リンクをコピー」といったボタンを置いたような場合に使用するケースで、javascriptであれば「navigat...

2022年1月6日

サイトを更新管理するための管理画面を手軽に導入できることが有難いWordpressですが、時には一部の管理メニューを非表示にしたい時もあります。ある程度はユーザーの「権限グループ」で制御できますが、「...

2022年1月5日

アコーディオンの開閉とか、タブの切り替えとか、なにかと使用するjQueryのclickイベント。そんなclickイベント、いつも通り書いているはずなのに、2回クリックされたような動作になってしまうこと...

2022年1月4日

Wordpressの機能の中で以外と便利な「パスワード保護」の機能。記事の編集画面で公開状態を「パスワード保護」としてパスワードを設定するだけで、ページの閲覧にパスワードをかけることが出来る機能ですが...