CSSPeeper

크롬 확장 프로그램 6탄 – CSS Peeper, 홈페이지 디자인 분석하는 방법

작성자:

좋은 홈페이지를 보다 보면 단순히 색상이나 폰트만 참고하는 것이 아니라 버튼 크기, 여백, 카드 디자인, 그림자 효과까지 분석하고 싶을 때가 있습니다. 예전에는 이런 정보를 확인하기 위해 개발자 도구(F12)를 열어 HTML과 CSS를 직접 찾아보곤 했었습니다. 하지만 개발자가 아니라면 수많은 코드 속에서 원하는 정보를 찾는 것이 쉽지 않았고, 시간이 오래 걸리는 경우도 많았습니다. 그러다 사용하게 된 것이 … 더 읽기

크롬 확장 프로그램 추천 TOP 15, 디자인 작업 시간을 줄여주는 실무 필수 도구

작성자:

웹디자인이나 상세페이지를 제작하다 보면 생각보다 브라우저를 사용하는 시간이 많습니다. 마음에 드는 홈페이지의 컬러를 확인하고 싶을 때도 있고, 폰트가 무엇인지 궁금할 때도 있습니다. 경쟁사의 상세페이지를 분석하거나 긴 웹페이지를 캡처해야 하는 경우도 자주 발생합니다. 예전에는 이런 작업을 모두 직접 확인하거나 캡처 프로그램을 따로 사용했었습니다. 하지만 크롬 확장 프로그램을 활용하기 시작하면서 작업 방식이 많이 달라졌습니다. 색상은 클릭 한 … 더 읽기