閉じタグエラーの確認をする拡張機能

https://chromewebstore.google.com/detail/htmlエラーチェッカー/ohdllebchmmponnofchalfkegpjojcaf?hl=ja

Web制作初学者のコードを見ていると閉じタグエラーが残ったままコーディングしている人はかなり多いです

閉じタグエラーがあっても見た目上に問題がない場合も多いので見逃しがちなのでこの拡張機能を使ってテストする癖をつけておきましょう

また、思った通りのレイアウトにならない場合にも閉じタグエラーが原因だった、ということもありますので入れておいたほうが良いと思います。

ピクセルパーフェクトにするためのツール

https://chromewebstore.google.com/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=ja

デザインカンプをアップロードしてブラウザ上に重ねて表示することができます。

ピクセルパーフェクトにする必要かどうかについては色々な意見がありますが、それは出来る人がするかどうかを考えるべきであり、そもそも出来ないWeb制作の初学者はこの拡張機能を使って完璧なコーディングを出来るようにしましょう。

Webページのスクショ撮ってPNGやPDFでダウンロード

https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=ja

開いているページのスクリーンショットを保存できる拡張機能です。

PCやブラウザの標準機能よりも使い勝手が良いので重宝しています

保存したスクショにコメントや赤入れをするには有料プランにする必要があるのが辛い、、、

Googleのアナリティクスにカウントされないようにする

https://chromewebstore.google.com/detail/google-analytics-オプトアウト-ア/fllaojicojecljbmefodhfapmkghcbnh?hl=ja

公開した当初はアクセス数が少なく自分のアクセスまでカウントしていると本来計測したかったデータにならないため、この拡張機能は必須で入れておいたほうがよいでしょう。

解析タグを入れた時にテストをしたい場合は、シークレットモードを使用しましょう