💘 이런 서비스는 어때요? [💡디자인 작업 효율을 높여주는 크롬 확장프로그램 5] (👀이게 뭔가요?) 📌 웹페이지에 적용된 폰트 정보를 확인할 수 있는 : WhatFont ✓ 구글 폰트 API를 바탕으로, 웹페이지에 적용된 폰트 정보를 확인할 수 있도록 도와주는 확장 프로그램 ✓ 폰트명, 스타일, 사이즈, 컬러 등의 정보 확인 가능 📌 원하는 방법으로 화면 캡쳐 및 녹화가 가능한 : Nimbus ✓ 조건에 따른 화면 캡쳐는 물론 영상 녹화까지 가능해 다양한 사례를 모으고 정리하는데 많은 도움 ✓ 전체 화면, 특정 부분, 선택영역(직접 선택), 스크롤, 특정 탭, 동영상 촬영 등 다양한 기능을 제공 📌 디자이너를 위한 CSS 뷰어 : CSS Peeper ✓ 특정 웹페이지에 적용된 폰트 및 컬러 정보와 사용 중인 이미지 등 에셋을 클릭 한 번으로 확인 ✓ 버튼 등의 특정 요소를 클릭하면 사이즈, 적용 컬러, 여백 등의 정보도 쉽게 확인 가능 📌 원하는 사이즈로 웹페이지를 빠르게 확인하는 : Window Resizer ✓ 윈도우 리사이저(Window Resizer)는 클릭 한 번으로 웹페이지를 원하는 해상도에 따라 확인 가능 ✓ 6개 주요 해상도가 기본 제공, 원하는 해상도를 클릭하면 해당 조건에 맞게 웹페이지를 확인 가능 📌 웹사이트 구성 요소 간 거리, 사이즈 측정이 가능한 : Dimensions ✓ 원하는 구성요소에 마우스를 가져다 대면 추가 행동 없이 바로 구성요소가 포함된 영역 내 위치를 쉽게 파악 가능 ✓ 랜딩페이지 등 작업 시, 포함되는 다양한 구성요소의 배치를 어떻게 할 지에 대한 참고자료 정리 가능