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 / 2022.3.18
- 【CSS】『プロパティ』と『値』の読み方をまとめました
- web / 2021.2.12
- 【CSS】background-colorを透過する時の備忘録(IE11対策)
- web / 2020.1.15
- 【CSS】簡単に固定できるposition: sticky;の実装サンプル集
- web / 2021.3.30
- 【CSS】シンプルなボタンデザイン実装サンプル集
Googleさんのおすすめ
人気記事
- web / 2019.4.16
- 【CSS】ハンバーガーメニュー実装サンプル集(クリック時のエフェクトも集めました)
- web / 2022.2.1
- 【jQuery】アコーディオン実装サンプル10選
- web / 2019.9.27
- 【jQuery】スライダープラグイン「slick」実装サンプル集
- web / 2021.9.17
- 【jQuery】ページ内リンクでスムーズスクロール(スクロール位置の調整も簡単にできる)
Googleさんのおすすめ
デザインの記事
- 2023.01.25New
- good eighty%
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
- 2023.01.25New
- good eighty%
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
- 2022.06.15
- ちょっと思い出しただけ
- (C)2022『ちょっと思い出しただけ』製作委員会 もくじ 『ちょっと思い出しただけ』 あ…
- いつかのこと – 無印良品の家と暮らす
- 2022.06.04
- 『点』、登場人物は3人だけ
- (C)2017 WARNER MUSIC JAPAN INC. もくじ 『点』 登場人物は3人だけ なんとも心地よい …
- いつかのこと – 無印良品の家と暮らす