「HTML」の記事 2024/03/16 Web制作 detailsタグで作るアコーディオン。CSSだけで実装可。アクセシビリティにも対応 よくある質問(FAQ)の実装で重宝するアコーディオンUI。今まではJavaScriptで作ってきましたが、detailsタグならCSSだけでサクッと実装。しかも標準でキーボード操作・スクリーンリーダーに対応しアクセシビリティも優秀。デモを交えながら解説します。[記事を見る] 2023/11/03 Web制作 【CSS】地味に厄介な「背景色付きテキスト(横幅追従・paddingあり)」のコーディング方法 テキスト量に追従して行ごとに背景色が付くデザイン。一見単純に見えますが、実はモダンCSSを使わないと実装は困難です。その実装方法を解説します。[記事を見る]