WEBデザイナーにオススメ!Google拡張機能
Googleの検索窓の右側にある便利な拡張機能オススメの続編がぴよ。

piyo
入れまくって、収集つかない人はこちらの拡張子で個々の拡張子機能を一時止めたり出来るから、入れてみてね♡
【Extensit】
https://chrome.google.com/webstore/detail/extensity/jjmflmamggggndanpgfnpelongoepncg
ColorZilla
サイトの色データーが取れる(Photoshopやサイト制作に同じ色を使えるよ)
ColorZilla
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
Wappalyzer
どんな構造で作られているサイトかわかる
Wappalyzer - Technology profiler
Identify web technologies
WPSNIFFER
ワードプレスでどんなテーマが使われているかわかる
Error 404 (見つかりませんでした)!!1
WhatFont
どんなフォントが使われているかわかる
Error 404 (見つかりませんでした)!!1
CSS
CSSViewer
CSSの構造が見える
CSSViewer
A simple CSS property viewer.
CSS Peeper
クラスなどコピペできる
CSS Peeper
Extract CSS and build beautiful styleguides.
公開されているページを書き換えるとどんなふうになるか
Code Cola
公開されているページを書き換えるとどんなふうになるか、スライドなどをずらして確認できる
Code Cola
Code Cola is a chrome extension for editing online pages' css style visually.
Stylebot
Stylebot
ウェブの外観を瞬時に変更
Live CSS Editor
公開されているページにCSSを書きこんでどんなふうになるか確認できる
Live CSS Editor
Live Write CSS onto any page
Page Ruler Redux
公開されているページの場所のサイズを図ることが出来る
Error 404 (見つかりませんでした)!!1
PerfectPixel by WellDoneCode (pixel perfect)
公開されているページの画像を差し替えて様子を見れる
PerfectPixel by WellDoneCode (pixel perfect)
この拡張機能は、ピクセル単位の精度でWebサイトを開発するのに役立ちます!
Tag Assistant Legacy
Googleのタグが正常に機能しているか確認できる
Tag Assistant Legacy (by Google)
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
Web Developer
Web Developer
Adds a toolbar button with various web developer tools.
めっちゃ使える機能!試してみてね!
この記事の類似記事
SNSサイズまとめ
▶SNS画像&動画サイズ(Twitter、Instagram、Youtube、Tiktok、Facebook、ZOOM、Pinterest)
便利なツールまとめ
▶ブログなど、WEBで記事を書くのに便利な無料ツールまとめ(ワードプレス、note、はてなブログ、アメブロetc…)
コメント