デザイナーにおすすめのChrome Extension
デザイナーにおすすめのクローム拡張を紹介します。
一般的な拡張機能
Awesome Screenshot
長いページを一気にスクリーンショット取りたいとき(スクロールスクリーンショット)注釈とかも書き込める
Bitly
短縮URLをサクッと作る
grammarly
英語のつづりをチェックしてくれる。Gmailやnoteを書いているとき(inputしているとき)にリアルタイムでチェックをしてくれる。
デザイン系
Muzli
ナイスなインスピレーションを常に得よう！Chormeを立ち上げたときの初期画面にデザイン系記事が出てきます。(英語)。時間管理には気をつけて。
Fontface Ninja
機能をONにしてカーソルを当てるとそのフォントファミリーがなんなのか、カラーやline-height、サイズもわかるし便利。ただしChormeのデバッカーでも似たようなことできる。
開発系
Wppalyzer
そのページでどういった技術が使われているのかわかる、ただし参考程度に…。
たとえばnoteの記事ページはnuxt、webpack、CDNはcloudfront、作成画面はAngularJS、Highlight.js、moment.jsなどが使われているっぽいなどなどがすぐわかる。
Google Analytics Debugger
Chromeのconsole画面でGAの挙動をデバッグできる様になる
Tag Assistant
上記と似ているがGTMの動作を確認できる、ページビューの発火など。
上も同じだけど、そのブラウザで見たいGA(GTM)にログインできる権限がないと動作しないので注意。