Web制作のチェックにおすすめ!Chromeの拡張機能6選!
- 2021.11.25
- デザインツール


チェックに使えるクロームの拡張機能を教えてくださーい

いいですよー、簡単便利なの6つありますよー
HTMLエラーチェッカー
HTMLエラーチェッカーは、
- HTMLの記述ミスをチェックしてくれる
- 閉じタグが足りないときに教えてくれる
- エラーの数が簡単にわかる
HTML差分(diff)チェックツール
HTML差分(diff)チェックツールは、
- 商用環境と開発環境のHTMLソースのdiff(差分)がチェックできる
- 商用環境と開発環境のドメインを登録するだけで、2つのページを開いてくれる
- 差分のある場所がわかりやすい
Tile Tabs WE
Tile Tabs WE は、
- 商用環境と開発環境のページを見比べるのにとっても便利
- 『Sync Scroll』で2つのページを同時スクロールできる
- 複数ページを表示できるので、何かと便利
Alt & Meta viewer
Alt & Meta viewer は、
- Metaがさっと確認できる
- Altもさっと確認できる
- ささっとチェックするのにとっても便利
Check My Links
Check My Links は、
- ページ内のリンク切れを簡単にチェックできる
- たったそれだけだけどとっても重宝しています
Web Maker
Web Maker は、
- コードをテストできるのでとっても便利
- JSもチェックできるので良きです
- ライブコーディング(リアルタイムで結果をチェックできる)できちゃうのが素晴らしい
さいごに

おー、すごーい

さ、おやつにしましょう
おすすめ
かんれん
- web / 2020.11.1
- 【CSS】使える背景パターン、実装サンプル25選(コピペで簡単です)
- web / 2020.1.15
- 【CSS】簡単に固定できるposition: sticky;の実装サンプル集
- web / 2019.2.20
- 【CSS】IE11だけ表示崩れしたときのCSSハック
Googleさんのおすすめ
人気記事
- web / 2019.4.16
- 【CSS】ハンバーガーメニュー実装サンプル集(クリック時のエフェクトも集めました)
- web / 2022.2.1
- 【jQuery】アコーディオン実装サンプル10選
- web / 2019.9.27
- 【jQuery】スライダープラグイン「slick」実装サンプル集
Googleさんのおすすめ
デザインの記事
- 2023.12.08New
- 信州アップルパイ研究所_Q
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
- 2022.06.15
- ちょっと思い出しただけ
- (C)2022『ちょっと思い出しただけ』製作委員会 もくじ 『ちょっと思い出しただけ』 あ…
- いつかのこと – 無印良品の家と暮らす
- 2023.11.30
- 【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える
- 指定した場所で出したいのですよー そして指定した場所で消したいのですねー もくじ 実…
- 125naroom / デザインするところ(会社)です。