Nimbus
원하는 방법으로 화면 탭처, 영상 녹화가 가능한 확장 프로그램
(전체 화면, 특정 영역, 선택 영역, 스크롤 캡처, 동영상 촬영 등)
link : https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj/
CSS Peeper
개발자 도구, 요소 검사를 하지 않고도 웹페이지에 적용된 스타일을 간단하게 확인할 수 있는 확장 프로그램
특정 웹페이지에 적용된 폰트, 컬러, 이미지 등 에셋을 한 번에 확인할 수 있고, 이미지를 추출하거나 컬러 값을 바로 복사할 수 있음
link : https://csspeeper.com/
Dimensions
웹사이트 구성 요소 간 거리, 사이즈 측정이 가능한 확장 프로그램
개발자 도구 필요 없이 웹사이트 내 구성된 요소들간의 크기와 간격 등을 마우스를 가져다 대면 편리하게 확인할 수 있음
link : https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj/
Window Resizer
웹페이지를 원하는 해상도에 따라 확인할 수 있는 확장 프로그램
6개의 주요 기본 해상도를 제공하며, 직접 입력도 가능하고 페이지를 새 창으로 열거나 가로 형태로도 볼 수 있음
link : https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/
'tip' 카테고리의 다른 글
아이콘 폰트(Icon Font) 사이트 (0) | 2022.02.26 |
---|---|
[VS Code] 유용한 플러그인(Extension) (0) | 2022.01.30 |
티스토리 블로그에 트위터 이모지 적용하기 (1) | 2022.01.02 |
마우스 따라다니는 별가루 효과 (0) | 2021.11.12 |