piyo
今日の運勢
WEBデザイナーにオススメ！Google拡張機能
Googleの検索窓の右側にある便利な拡張機能オススメの続編がぴよ。
piyo
入れまくって、収集つかない人はこちらの拡張子で個々の拡張子機能を一時止めたり出来るから、入れてみてね♡
【Extensit】
https://chrome.google.com/webstore/detail/extensity/jjmflmamggggndanpgfnpelongoepncg
ColorZilla
サイトの色データーが取れる（Photoshopやサイト制作に同じ色を使えるよ）
ColorZilla - Chrome ウェブストア
高度なスポイトツール、カラーピッカー、グラデーション生成ツールなどの多彩で魅力的な機能
chromewebstore.google.com
Wappalyzer
どんな構造で作られているサイトかわかる
Wappalyzer - Technology profiler - Chrome ウェブストア
Identify web technologies
chromewebstore.google.com
WPSNIFFER
ワードプレスでどんなテーマが使われているかわかる
Chrome Web Store
Add new features to your browser and personalize your browsing experience.
chromewebstore.google.com
WhatFont
どんなフォントが使われているかわかる
Chrome Web Store
Add new features to your browser and personalize your browsing experience.
chromewebstore.google.com
CSS
CSSViewer
CSSの構造が見える
CSSViewer - Chrome Web Store
A simple CSS property viewer.
chromewebstore.google.com
CSS Peeper
クラスなどコピペできる
CSS Peeper - Chrome Web Store
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
chromewebstore.google.com
公開されているページを書き換えるとどんなふうになるか
Code Cola
公開されているページを書き換えるとどんなふうになるか、スライドなどをずらして確認できる
Code Cola - Chrome Web Store
Code Cola is a chrome extension for editing online pages' css style visually.
chromewebstore.google.com
Stylebot
Stylebot - Chrome Web Store
Change the appearance of the web instantly
chromewebstore.google.com
Live CSS Editor
公開されているページにCSSを書きこんでどんなふうになるか確認できる
Live CSS Editor - Chrome Web Store
Live Write CSS onto any page
chromewebstore.google.com
Page Ruler Redux
公開されているページの場所のサイズを図ることが出来る
Chrome Web Store
Add new features to your browser and personalize your browsing experience.
chromewebstore.google.com
PerfectPixel by WellDoneCode (pixel perfect)
公開されているページの画像を差し替えて様子を見れる
PerfectPixel by WellDoneCode (pixel perfect) - Chrome Web Store
This extension helps develop your websites with pixel perfect accuracy!
chromewebstore.google.com
Tag Assistant Legacy
Googleのタグが正常に機能しているか確認できる
Tag Assistant - Chrome ウェブストア
The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager...
chromewebstore.google.com
Web Developer
Web Developer - Chrome Web Store
Adds a toolbar button with various web developer tools.
chromewebstore.google.com
めっちゃ使える機能！試してみてね！
この記事の類似記事
SNSサイズまとめ
▶SNS画像＆動画サイズ（Twitter、Instagram、Youtube、Tiktok、Facebook、ZOOM、Pinterest）
便利なツールまとめ
▶ブログなど、WEBで記事を書くのに便利な無料ツールまとめ(ワードプレス、note、はてなブログ、アメブロetc…)
コメント