VSCode で Tailwind CSS を使った開発時に @tailwind 等の Tailwind CSS の独自アットルールに発生する unknownAtRules エラーの理由と対応方法について紹介します。

---

続きを見る

1 つの CSS アニメーションキーフレームを使い回してイベントに応じて順再生したり逆再生したりしたかったのですが、ハマったので原因や対処方法を紹介します。また、CSS アニメーションでの対応だけでなく、Web アニメーション API での対応がいい感じだったのでこちらも紹介します。

---

続きを見る

CSS で border-width を指定しても、Chrome、Edge 開発者ツールの計算済みを確認すると指定した値よりも一定割合で小さくなった値が設定されました。結論開発者ツールのバグで対応不要ですが、事象等纏めておきました。

---

続きを見る

Safari で Osaka フォントのインライン要素は末尾に空白ができるバグがあります。CSS の font-feature-settings プロパティで解消できます。

---

続きを見る

IE11 で CSS の flex-grow が縦方向に効かないときの対処法。要は親要素に明示的に height を指定すれば解消される。

---

続きを見る