웹개발시 유용한 크롬 확장프로그램

요즘 사이트 리뉴얼을 하면서 사용하고 있는 크롬 확장 프로그램을 몇 가지 간단히 소개하고자 합니다.

주로 현재 제작중인 사이트나 타 사이트 참고시 정보를 유용하게 볼 수 있는 프로그램들입니다.

1. ColorZilla

링크 : https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

컬러코드를 확인할 때 유용한 컬러피커입니다.

2. WhatFont
 컬러를 확인했으니 폰트도 확인해야겠죠!

참고할 사이트에서 어떤 폰트를 쓰고 있는지, 자간과 줄간격은 얼마인지 편하게 보여주는 WhatFont입니다.

개발자 도구에 들어가지 않아도 편하게 확인 가능!

3. PageRuler

자… 정말 편한 자가 왔어요

https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn

확장프로그램 아이콘을 누르고 드래그만 쭉쭉 해도 몇픽셀인지 알려주는 정말 유용한 확장 프로그램입니다!

구현했는데 뭔~가가 이상한 것 같을 때, 바로바로 편하게 확인이 가능하죠.

값은 맞게 들어갔는데 착시나 기타 현상 때문에 요상하게 보이는 경우가 많더라구요.

리서치 할 때, 개발할 때 여러 모로 신세 많이 졌네요.

즐거운 웹생활 되세요~~