カクカクしかじか

技術的なアレコレ

2023-05-01から1ヶ月間の記事一覧

scroll-behavior: smoothを指定して、スクロールを滑らかにする

結論 スクロールが発生する要素に scroll-behavior: smooth; を付けるとスクロールが滑らかになるという話。 html, body { scroll-behavior: smooth; } developer.mozilla.org

ハンバーガーメニューのようなラベルのないbuttonにはaria-labelを付けないと「Ensures buttons have discernible text svg button」というアクセシビリティのLintエラーが出てしまう

概要 本稿ではアクセシビリティをチェックするaxe-linterで「Ensures buttons have discernible text svg button」というエラーが出た時の対処法をまとめます。 結論 <button>保存</button> のようにテキストのラベルをつけられないハンバーガーメニューのようなアイコンのみ…

Tailwind CSSで色スタイルの拡張設定をいじる際にはtailwind.config.jsのextendの中にcolorsを指定しないとダメな件

結論 任意のラベルで新しい色の定義を追加したい場合は、tailwind.config.jsのextendsの中にcolorsの定義を追加しないと、指定した色以外の色が使えなくなってしまうので注意 ダメな例 theme直下に定義するとその色しか使えないことになってしまう... /** @t…