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
Identify web technologies

WPSNIFFER

ワードプレスでどんなテーマが使われているかわかる

WPSNIFFER - WordPress Themes Sniffer
Detects active WordPress theme being used on current WordPress website.

WhatFont

どんなフォントが使われているかわかる

What Font - find font
どのフォントがどのウェブサイトで使用されているかを知ることができます

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

公開されているページの場所のサイズを図ることが出来る

Page Ruler Redux
A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. 💻

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.

めっちゃ使える機能!試してみてね!

タイトルとURLをコピーしました