webデザイナー必須アイテム!使えるchromeの拡張機能3選 | COLOR*TALK WEBデザイン・プロップスタイリングに役立つ情報をお届けします♪

COLOR*TALK WEBデザイン・プロップスタイリングに役立つ情報をお届けします♪

web・グラフィックデザイナー、プロップスタイリストとして、トレンド情報やお仕事に役立つ情報ををお届けします♪

ご訪問ありがとうございます!

Web・グラフィックデザイナーの

櫻井裕美子です。

 

ネットで素敵なサイトを見て、
これどうやって作ってるんだろ?って思って
サイトの中身を見ること、
webデザイナー なら、よくやると思いますが、
とっても便利なツールを見つけたので、シェアしたいと思います。
 
まずは、以前もこのブログで紹介した、カラーピッカー。
これを使い出すと、ないと本当に不便。

 

サイト上で知りたい色の上にマウスをドラッグさせるだけで、横に色番号が出てきます。
それをクリックして、色番号をコピーして使えます。
 

2. WhatFont

 

 

 

 

素敵なサイトはフォントもかっこいい!
そんな時、このフォントは何だろうと思ったら、わざわざデベロッパーツールでスタイルを確認しなくても大丈夫。

ピンポイントで、知りたい文字をマウスオーバーするだけで、横に表示されます。
最近は、WEBでもフォントに拘っているサイトが多いので、とても参考になります。
 

3. WPSNIFFER - WordPress Themes Sniffer

 
 
 
知りたいサイトを開いた状態で、オレンジの鼻のアイコンをクリックすると、
そのサイトのwordpressのテーマの名前が表示されます。
また、このサイトがwordpressで作られているのかというのもオレンジのアイコンが教えてくれます。
(wordpressで作られていない場合は、グレーになってます)
 
 
参考になると嬉しいです。
 
 

 

ランキングに参加してます。

↓ クリックしていただけると嬉しいです!

にほんブログ村 デザインブログへ

 

 

 

instagram

 

集客・売上アップに繋がる、ホームページ・印刷物デザイン・ECサイト制作致します。

個人事業主様、中小企業様のお困りごと、ご要望にきめ細かに対応させていただいています。

webサイト制作のフォローアップ(更新作業、 web広告運営など)
 

商品撮影承ります。

スタイリング撮影(インスタグラム、ホームページ、ネットショップ用など)
全てご相談は無料です。

お気軽にお問い合わせください♪