概要
マークアップ時に気をつける点をまとめました。
随時更新します。
レビュー依頼出す前や取り掛かる前などに漏れがないかで確認してもらえるといいかも。
参考記事も併せて載せておきます。
チェックポイント
以下、チェックポイントです。
CSS設計
主にlayoutとcomponentの命名規則を気をつけると良し。
参考記事) https://zenn.dev/wagashi_osushi/books/94efd21a66ccaa/viewer/52ffd6
rel="noopener noreferrer"
target="_blank"で別タブに飛ぶ時にセキュリティ対策として気をつけたい。
参考記事) https://webst8.com/blog/rel-noopener-noreferrer/#st-toc-h-2
marginとpadding
意外と使い分けが曖昧なもの。兄弟間はmargin-topとleft。
親子間はpaddingで間隔を空けると良し。
参考記事) https://eclair.blog/difference-between-margin-and-padding/
alt
ちゃんとつけてますか？
空でもいいのでちゃんとつけましょう。
https://www.orange-sha.co.jp/blog/web07_alt/
グリッドレイアウト
そのレイアウトdisplay: flexもいいけど、グリッドレイアウトの方が作りやすかったりしませんか？
https://qiita.com/yuya-yuya/items/3216eb28cff18aaf4ac4