2020_05 minimal traveler, eyecatch, chrome-tool

世界で一番使われているブラウザは「Google Chrome」です。Webデザインやサイト構築を効率化したいMacユーザーにおすすめの「Google Chrome」拡張機能を厳選しました。

スポンサーリンク

ブラウザは何を使っていますか?

Chrome、IE、Safariなどブラウザの種類はたくさんありますが、現在1番使われているのがChromeです。2019年3月で日本国内では約33%、世界では42%の人が使っているブラウザです。

minimal traveler, chrome extention002

参考:webrage|WebブラウザシェアランキングTOP10(日本国内・世界)

Chromeを使うメリットは、PC、スマホ、タブレット間での同期が簡単なことや、デバイスに関わらず使えるところです。使いやすさや便利な拡張機能が無料で使えるのでChromeを選択する人が多いのではないでしょうか。

スポンサーリンク

Chrome派なら入れておきたい拡張機能

HTMLエラーチェッカー

minimal traveler, chrome extention009

HTMLの開始・終了タグの過不足などを検出する拡張機能です。ブログやアフィリエイトを始めたばかり、HTMLやCSSがよくわからないという人や、慣れていない人は入れておいた方がいいツールです。

タブに表示されている「HTMLエラーチェッカー」をクリックするだけで、開いているページのコードエラーを確認できるので、後から修正する必要がないように、ページを更新したらこまめに確認しましょう。

Full Page Screen Capture

minimal traveler, chrome extention006

開いているページ全体のスクリーンショットを簡単に撮ることができます。

スクショでは画面が切れてしまう場合や、ページ全体のキャプチャをするのに便利です。PDFとPNG形式で保存することができます。

カラーピックスポイト

minimal traveler, chrome extention010

ウェブページから色を調べることができます。

フォントやデザインに使われている色や、画像の中の色も集めることができます。サイトデザインをするときに必要なツールです。

Page Ruler

minimal traveler, chrome extention004

ピクセルの寸法と位置を取得するための定規を描画し、ウェブページ中の幅、高さ、位置を表示できます。

画像の大きさや絡むの幅など、様々なものを測ることができます。サイトデザイン中に画像の大きさや、配置に悩んだときに使うと便利です。


こちらの記事もおすすめ