piyo
今日の運勢
WEBデザイナーにオススメ！Google拡張機能
Googleの検索窓の右側にある便利な拡張機能オススメの続編がぴよ。
piyo
入れまくって、収集つかない人はこちらの拡張子で個々の拡張子機能を一時止めたり出来るから、入れてみてね♡
【Extensit】
https://chrome.google.com/webstore/detail/extensity/jjmflmamggggndanpgfnpelongoepncg
ColorZilla
サイトの色データーが取れる（Photoshopやサイト制作に同じ色を使えるよ）
ColorZilla - Chrome ウェブストア
高度なスポイトツール、カラーピッカー、グラデーション生成ツールなどの多彩で魅力的な機能
chromewebstore.google.com
Wappalyzer
どんな構造で作られているサイトかわかる
https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg/related?hl=ja
chrome.google.com
WPSNIFFER
ワードプレスでどんなテーマが使われているかわかる
https://chrome.google.com/webstore/detail/wpsniffer-wordpress-theme/kihhefcbenhkjgjhchanjfhhflaojldn/related
chrome.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
Extract CSS and build beautiful styleguides.
chromewebstore.google.com
公開されているページを書き換えるとどんなふうになるか
Code Cola
公開されているページを書き換えるとどんなふうになるか、スライドなどをずらして確認できる
https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn/related
chrome.google.com
Stylebot
Stylebot - Chrome Web Store
Change the appearance of the web instantly
chromewebstore.google.com
Live CSS Editor
公開されているページにCSSを書きこんでどんなふうになるか確認できる
https://chrome.google.com/webstore/detail/live-css-editor/oelggcmknbjmhkpgjfhakedcfnkgbdpg/related
chrome.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のタグが正常に機能しているか確認できる
[DEPRECATED] Tag Assistant Legacy - Chrome ウェブストア
This extension is no longer supported.
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…)
コメント