WEBデザイナーにオススメ!Google拡張機能15個ぐらい

WEBデザイナーにオススメ!Google拡張機能15個ぐらい素材ツール集
この記事は約4分で読めます。



WEBデザイナーにオススメ!Google拡張機能

Googleの検索窓の右側にある便利な拡張機能オススメの続編がぴよ。

piyo
piyo

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…)

▶︎GoogleChromeの使える便利な拡張機能オススメ12選

▶︎WEBデザイナーにオススメ!Google拡張機能15個ぐらい



詳しくは講座に聞きに来てね

素材ツール集
スポンサーリンク
ぴよログ
タイトルとURLをコピーしました