Web制作のティップスまとめ。たまにはコラムも

カテゴリー「Web制作」の記事

【WordPress】隣接したクラシックブロックは、記事を保存すると勝手に結合される

WordPressのクラシックブロック同士が隣接した状態で記事を保存すると、次に記事を開いた時に勝手に結合され、1つにまとめられてしまいます。 対策としては、クラシックブロックをグループ化する。もしくは間に別のブロックを挟む事で、勝手に結合されなくなります。[ 記事を見る ]

最新版Chromeはaspect-ratioをheightの設定値として扱ってくれない?

Windows版Chrome124にてaspect-ratioを指定してheight値を省略した要素と、position: absoluteの位置調整の組み合わせに不具合が発生しました。対処法を詳しく解説します。[ 記事を見る ]

detailsタグで作るアコーディオンUI(折りたたみ)。CSSだけで実装可。アクセシビリティにも対応

detailsタグで作るアコーディオン。CSSだけで実装可。アクセシビリティにも対応

よくある質問(FAQ)の実装で重宝するアコーディオンUI。今まではJavaScriptで作ってきましたが、detailsタグならCSSだけでサクッと実装。しかも標準でキーボード操作・スクリーンリーダーに対応しアクセシビリティも優秀。デモを交えながら解説します。[ 記事を見る ]

caret-color:点滅カーソル(キャレット)の色はCSSで変えられる

caret-color:点滅カーソル(キャレット)の色はCSSで変えられる

文章の挿入位置を表すキャレット(点滅している縦棒)は、CSSで簡単に装飾出来ます。WordPressのGutenbergで編集中に、選択した文字位置がわからない事はありませんか?今回は「caret-color」プロパティについて、デモを交えながら解説します。[ 記事を見る ]

【GA4】自分のIPアドレスを除外しても、iPhone(iPad)のSafariでは計測され続けていた件

【GA4】自分のIPアドレスを除外しても、iPhone(iPad)のSafariでは計測され続けていた件

GA4の計測に自分のIPアドレスを除外するよう設定したところ、PCもAndroid系スマホも正常に除外出来たのに、iOS系デバイスでは計測され続ける現象が発生しました。詳しく経緯を解説します。[ 記事を見る ]

【CSS】地味に厄介な「背景色付きテキスト」のコーディング方法

【CSS】地味に厄介な「背景色付きテキスト(横幅追従・paddingあり)」のコーディング方法

テキスト量に追従して行ごとに背景色が付くデザイン。一見単純に見えますが、実はモダンCSSを使わないと実装は困難です。その実装方法を解説します。[ 記事を見る ]

【CPI】ContactForm7の設定変更でエラー。原因はWAFだった。

【CPI】ContactForm7の設定変更でエラー。原因はWAF

CPIサーバーにてContact Form7を設定したところエラーで保存出来ず。原因はWAFだったので、対策を解説します。[ 記事を見る ]

上に戻る