-
【Chrome】table で border-collapse:collapse; を使ったときの線幅のバグが解消!
※この記事は、Chrome Beta 109.0.5414.74 で確認した内容です 発生していた問題:borderの太さがバラバラになる Chrome (Chromium)でおそらく2021年ごろから、 border-collapse:collapse; を使ったときのtable内のborderの太さが一部太くなるバグが発生... -
【Splide】Auto Scrollエクステンションを使ったらスライドが消えたり点滅したりする場合の対策
やりたかったこと SplideのAuto Scrollエクステンション で自動スクロールを実装しつつ、splide_slide要素の数が少ないときはSplideの自動発火を切る実装です。 デモはこちら ダメになったときの動作 動作としては以下のいずれかです。 Splideは発火してい... -
【PHP】連想配列の値が全部空だったらfalseを返す
WordPressのAdvanced Custom Fieldsのグループブロックで、すべてのサブフィールドの値が空のときにfalseがほしい!というときに使える、「連想配列の値がすべて空だったらfalseを返す方法」をご紹介します! 先に結論 array_filter() を使う。 $group_jud... -
【CSS mask-image】SVGを使ったクリッピングマスクのサイズや位置を自由に調整したい!
この記事は 【CSS clip-path】SVGを使ったクリッピングマスクの位置を右から○pxにするには の続編です! デモはこちら clip-pathを使ったバージョンでは、デザインデータがそもそも「シェイプでマスク」をつかった前景と、不透明度を使った背景の2枚の画像... -
【CSS clip-path】SVGを使ったクリッピングマスクの位置を右から○pxにするには
CSSのclip-pathを使ったクリッピングマスクを、SVGのパスで作ることができます。しかし、レスポンシブ対応や位置の調整が難しいものです。 今回は、クリッピングマスクの位置を「画面の右端から○○px」という指定にしておしゃれなメインビジュアルにしたい... -
【WordPress】コメントフォームを改造してレビュー投稿フォームにする
やりたいこと デフォルト 管理画面側の設定 メールアドレスの入力必須などを外す メールアドレスの入力を消したいときは「必須にする」のチェックを必ず外します。 今回は以下の設定をOFFにしました。 コメントの投稿者の名前とメールアドレスの入力を必須... -
【jQuery】details要素・summary要素でアコーディオン【メモ】
デモはこちら 実装 HTML(ベースの構造と動作) <details class="c-accordion js-accordion"> <summary class="c-accordion__title js-accordion__title"> <span class="c-accordion__title__icon">Q</span>よくある質問ですか? ... -
【.htaccess】いろいろな301リダイレクト
RedirectMatch permanent /test/で終わるURLのとき /test2/に RedirectMatch permanent /test/$ /test2/ $ : 直前の文字が最後にある https://example.com/test/ → https://example.com/test2/https://example.com/hoge/test/ → https://example.com/test2... -
【WordPress】ACF Pro × ACF Extendedでカスタムブロックを作る
有料版プラグイン「Advanced Custom Fields Pro」の記事です! 今回は ACF Blocks(Advanced Custom Fields Proで作れるダイナミックブロック)をACF Extendedをつかって簡単に利用する方法をご紹介します。 準備 有料版 Advanced Custom Fieldsに加えて、... -
【備忘録】Stable DiffusionをWindows10(VRAM 6GB)で動かしてみる【Python】
2022年8月にStable Diffusion をWindows10で動かしたログです。 Stable Diffusionは半精度版AnacondaなしDiffusersを使用GPU:GeForce RTX 3060 Laptop(6GB) 準備 Hugging Faceのアクセストークン huggingface.co に登録(Sign Up)するProfile → Access...