[初心者向け]webサイト制作時おすすめchrome拡張機能

検索時の便利拡張機能

検索していると、古い記事も混じって表示されます。

この拡張機能をONにすると、検索時から1年間の間に作成された記事が検索結果に表示されるようになります。

コーディングが終わったらひとまずこれでHTMLの閉じタグ忘れなどが無いかチェックしてみましょう

意外と気づかないうちに閉じタグが抜けていることがあるので、教えてくれて助かっています。

幅広いユーザーをターゲットにするwebサイトを作成する際に、色覚障がいを持っている方にもわかりやすいサイトを作る場合があります。

このchromeの拡張機能では、色覚障がいを持った方にはどう見えるかを確認することができます。

ブラウザのサイズを一瞬で変えることができます。

さまざまなデバイスでのwebサイトの見え方を確認するときに役立ちます。

デザインの参考になるwebサイトを見つけて、画像として保存しておきたいときに、この拡張機能が役立ちます。

pngやpdfでも保存ができます。

デザインを画像として書き出し、ブラウザに表示させながらコーディングをすることができます。

デザイン時に設定した通りの要素間の余白をそのままコーディングすると、広すぎたり狭すぎたりすることがあります。

これを使えば、例えば検証ツール（デベロッパーツール）で確認しながらデザイン通りのコーディングを進めることができます。