スポンサーリンク
piyo
piyoは、2年前に購入した「GeForce RTX 3070 8gb」を使って記事を書いているよ。
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
chrome.google.com
Wappalyzer
どんな構造で作られているサイトかわかる
Wappalyzer - Technology profiler
Identify web technologies
chrome.google.com
WPSNIFFER
ワードプレスでどんなテーマが使われているかわかる
Error 404 (見つかりませんでした)!!1
chrome.google.com
WhatFont
どんなフォントが使われているかわかる
Error 404 (見つかりませんでした)!!1
chrome.google.com
CSS
CSSViewer
CSSの構造が見える
CSSViewer
A simple CSS property viewer.
chrome.google.com
CSS Peeper
クラスなどコピペできる
CSS Peeper
Extract CSS and build beautiful styleguides.
chrome.google.com
公開されているページを書き換えるとどんなふうになるか
Code Cola
公開されているページを書き換えるとどんなふうになるか、スライドなどをずらして確認できる
Code Cola
Code Cola is a chrome extension for editing online pages' css style visually.
chrome.google.com
Stylebot
Stylebot
ウェブの外観を瞬時に変更
chrome.google.com
Live CSS Editor
公開されているページにCSSを書きこんでどんなふうになるか確認できる
Live CSS Editor
Live Write CSS onto any page
chrome.google.com
Page Ruler Redux
公開されているページの場所のサイズを図ることが出来る
Error 404 (見つかりませんでした)!!1
chrome.google.com
PerfectPixel by WellDoneCode (pixel perfect)
公開されているページの画像を差し替えて様子を見れる
PerfectPixel by WellDoneCode (pixel perfect)
この拡張機能は、ピクセル単位の精度でWebサイトを開発するのに役立ちます！
chrome.google.com
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.
chrome.google.com
Web Developer
Web Developer
Adds a toolbar button with various web developer tools.
chrome.google.com
めっちゃ使える機能！試してみてね！
この記事の類似記事
SNSサイズまとめ
▶SNS画像＆動画サイズ（Twitter、Instagram、Youtube、Tiktok、Facebook、ZOOM、Pinterest）
便利なツールまとめ
▶ブログなど、WEBで記事を書くのに便利な無料ツールまとめ(ワードプレス、note、はてなブログ、アメブロetc…)
コメント