Webデザイナー&フロントエンドエンジニアが手放せないChrome拡張機能15選

Chrome extensions
ENGINEER

Chromeには様々な拡張機能がありますが、なかでもWeb制作に役立つツールは沢山存在しています。

今回は、Webデザイナーとフロントエンジニアの作業効率をグッとあげてくれる拡張機能を紹介します。作業時間の短縮や、時間の有効活用に、ぜひ役立てください。

1. Muzli

デザインキュレーションアドオン。インタラクティブなデザインについての最新情報をお届けします。

Muzli
Muzli

2. Responsive Web Design Tester

レスポンシブWebデザインが、スマートフォンやタブレットに対応するか、簡単にテストすることができます。

Responsive Web Design Tester
Responsive Web Design Tester

3. Window Resizer

ブラウザの画面サイズを簡単に変更することができ、制作したWebサイトの確認ができます。

Window Resizer
Window Resizer

4. Page Ruler

定番中の定番ツールです。ページ内の画像やコンテンツ等のサイズをドラッグ&ドロップの簡単操作で測ることができます。

Page Ruler
Page Ruler

5. Dimensions

Webサイト内のスクリーンの長さを測ることができ、ページ内の各要素の距離などを計測することができます。

Dimensions
Dimensions

6. ColorZilla

インターフェイスのカラー情報を取得することができる拡張機能。ピックアップした色の編集もできます。

ColorZilla
ColorZilla

7. WhatFont

使用されているフォントが何というフォントか、特定することができます。購入のアシストもしてくれるので便利です。

WhatFont
WhatFont

8. TypeWonder

指定したフォントでWebサイトを表示させることができます。制作したWebサイトに、どのフォントがマッチするかを確かめられます。

TypeWonder
TypeWonder

9. CSS — Shack

CSSを使ったレイヤーを簡単に制作することができるツールです。作りおわったら、CSSファイルとしてエクスポートできます。

CSS — Shack
CSS — Shack

10. PerfectPixel by WellDoneCode

制作した画像をブラウザ上で半透過に表示し、Webサイト上でピクセルサイズがあうかを確認することができます。

PerfectPixel
PerfectPixel by WellDoneCode

11. Lightshot

スクリーンショットをそのまま編集して、サーバーにアップロードすることができます。

Lightshot
Lightshot (screenshot tool)

12. UX Check

Webサイトのヒューリスティック評価を簡単に行うことができます。

UX Check
UX Check

13. Code Cola

表示中のWebサイトのCSSスタイルを、視覚的に操作可能なインターフェースで編集することができます。

Code Cola
Code Cola

14. Corporate Ipsum

ダミーテキストを生成できるツールです。日本語なら、Lorem ipsumも便利です。

Corporate Ipsum
Corporate Ipsum

15. Pendule

ユーザー目線で使いやすいページになっているかどうか、altや色などさまざまな情報が確認できるツールです。作業を圧倒的に早くします。

Pendule
Pendule

役に立ちそうな機能はありましたか?

気に入ったツールがあれば、今日にも追加してみましょう。

(翻訳:Akiko Ogita)

※Workship MAGAZINEでは日々情報の更新に努めておりますが、掲載内容は最新のものと異なる可能性があります。当該情報について、その有用性、適合性、完全性、正確性、安全性、合法性、最新性等について、いかなる保証もするものではありません。修正の必要に気づかれた場合は、サイト下の問い合わせ窓口よりお知らせください。

30,000人以上が使う日本最大級のお仕事マッチングサービス『Workship』

「フリーランスとして、もっと大きな仕事にかかわりたいな……」
「企業で働いてるけど、副業でキャリアを広げていきたいな……」
「報酬が低くて疲弊している。もっと稼げるお仕事ないかな……」

フリーランス・複業・副業向けお仕事マッチングサービス『Workship(ワークシップ)』が、そんな悩みを解決します!

  • 30,000人以上のフリーランス、パラレルワーカーが登録
  • 朝日新聞社、mixi、リクルートなど人気企業も多数登録
  • 公開中の募集のうち60%以上がリモートOKのお仕事
  • 土日、週1、フルタイムなどさまざまな働き方あり
  • 時給1,500円〜10,000円の高単価案件のみ掲載
  • お仕事成約でお祝い金10,000円プレゼント!

登録から案件獲得まで、利用料は一切かかりません。一度詳細をのぞいてみませんか?

>フリーランス・複業・副業ワーカーの方はこちら

>法人の方はこちら

Workship CTA

SHARE

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ