2019.04.19
デザイン
Webデザイナーの方にオススメ!Webサイト制作業務を爆速化するGoogleChrome拡張機能6選
Webデザイナーの皆さん、GoogleChromeの拡張機能は使っていますか?
実は、拡張機能を使えば、Webサイト制作を爆発的に効率化することができるんです。
昨今の働き方改革で「制作時間が短くなって大変!」という方は、ぜひ拡張機能を使ってみてください。
今回は、Webデザイナーさんの業務効率化にオススメの拡張機能をご紹介いたします。
「拡張機能?もちろん使ってるよ」という方にも、新しい拡張機能との出会いがあれば嬉しいです。
それでは早速ご紹介していきます!
オススメGoogleChrome拡張機能
Palette Creator
Webサイトの写真の上で右クリックするだけで、カラーパレットを表示・確認することができます。
Dimensions
表示されている要素ごとの距離を瞬時に表示してくれる、とても便利なツールです。
Lightshot (screenshot tool)
画面のスクリーンショットを簡単に撮影でき、文字や吹き出しなどを追加したりできます。
CSS Peeper
Webサイト内の要素をクリックすることで、パディング・マージン・フォント・色・幅・高さ・などを調べることができます。
WhatFont
Webサイト上のテキストのfont-familyを確認することができます。
WhatRuns
Webサイトに使用されているツール・フレームワーク・プラグイン・ライブラリ・などをチェックできます。
まとめ
WebデザイナーさんにオススメのGoogleChrome拡張機能を6つご紹介しました。
インストールするだけですぐに使えますので、
きっと、あなたのWebサイト制作ライフがよりハッピーになると思います!