오늘은 디자이너와 개발자를 위해 선별한 12가지 Chrome 확장 프로그램 목록을 공유합니다. 이것이 제 전문 분야이므로 바로 시작하겠습니다.
1. 그레이트 서스펜더
The Great Suspender는 Chrome이 사용하는 메모리 양을 최소화하는 무료 오픈 소스 Google Chrome 확장 프로그램입니다. 휴면 상태인 탭을 자동으로 일시 중단하여 이를 수행합니다.후드 아래에서 그래픽, JS 등의 휴면 웹 페이지를 제거합니다.
그레이트 서스펜더 크롬 확장 프로그램
2. UX 체크
UX Check Chrome 확장 프로그램은 빠르고 쉬운 휴리스틱 평가를 통해 사용성 문제를 인식하도록 도와줍니다.
워크플로우는 간단합니다. 아이콘을 클릭하여 Chrome Dev 도구와 같은 측면 패널에서 Nielsen's Ten Heuristics를 시작합니다. . 평가를 통과하지 못한 요소를 클릭하여 메모를 추가하고, 스크린샷을 찍고, 쉽게 공유할 수 있도록 s docx 파일로 내보낼 수 있습니다.
UX Chrome 확장 프로그램 확인
삼. 점안기
Eye Dropper는 내가 아는 한 가장 멋진 색상 선택 도구입니다.2개의 탭(Eyedropper 및 Cooler 선택기)이 있습니다. 스포이드 도구를 사용하면 모든 웹 페이지에서 색상을 선택할 수 있고 색상 선택기 도구를 사용하면 사용자 지정 색상을 선택할 수 있습니다.
웹 페이지에서 선택하거나 색상 선택기 탭에서 선택한 색상은 CSV 파일로 다운로드할 수 있는 팔레트에 자동으로 저장됩니다. 또한 Eye Dropper는 RGB, HSL, HEX 코드 및 이름으로 모든 색상을 표시하며 키보드 단축키를 지원합니다.
Eye Dropper 크롬 확장 프로그램
4. 폰트페이스 닌자
FontFace Ninja는 모든 웹사이트의 모든 글꼴에 대한 정보를 표시할 수 있습니다. 여기에는 무료 글꼴의 다운로드 링크와 유료 글꼴의 가격을 표시하는 옵션이 포함되어 있습니다.
FontFace Ninja에는 어두운 모드 사용, 이미지의 글꼴 감지(베타), 북마크 옵션 표시 옵션도 있습니다.
FontFace Ninja 크롬 확장 프로그램
5. 페이지 눈금자
Page Ruler는 웹 페이지의 너비와 높이를 측정할 수 있는 미니멀한 눈금자 확장 프로그램입니다. 몇 가지 키보드 단축키, 상위 및 하위 요소 탐색, 측정 지침 및 10개 언어 현지화가 특징입니다.
페이지 눈금자 크롬 확장 프로그램
6. 페이스북 비디오 다운로더
FB Down은 Facebook 및 비디오 재생이 있는 다른 페이지에서 비디오를 쉽게 다운로드할 수 있습니다. 특정 저작권이 있는 비디오를 포함하여 모든 대중적인 미디어 형식을 다운로드하는 데 사용할 수 있습니다(오디오 없이 비디오를 다운로드하도록 선택한 경우).
FB Down은 웹 페이지에서 링크 스니퍼 역할을 하며 다운로드 가능한 콘텐츠를 볼 때 아이콘이 켜집니다.
Facebook 비디오 다운로더 Chrome 확장 프로그램
7. 퍼펙트픽셀
PerfectPixel by WellDoneCode는 완벽한 웹사이트를 만들기 위한 최고의 확장 프로그램입니다. 개발 사이트와 비교할 수 있는 오버레이로 사진을 설정할 수 있습니다. 키보드 단축키, 반투명 이미지 오버레이 등을 지원합니다.
PerfectPixel 크롬 확장 프로그램
8. 틴아이
TinEye는 키워드, 메타데이터 또는 워터마크 대신 이미지 식별 기술을 구현한 최초의 완벽한 역 이미지 검색 도구입니다. 이미지에 고유한 디지털 서명을 생성한 다음 해당 서명을 인덱스의 서명과 비교하는 방식으로 작동합니다.
TinEye는 검색 결과에서 유사한 이미지를 반환할 뿐만 아니라 잘리고 크기가 조정되고 편집된 버전을 제외하지 않고 정확히 일치합니다.
TinyEye 크롬 확장 프로그램
9. CSS 페퍼
CSS Pepper를 사용하면 CSS(숨겨진 개체도 포함)를 추출하고 잘 정리된 방식으로 아름다운 스타일 가이드를 만들 수 있습니다. 이를 통해 디자이너와 개발자는 코드를 검색하는 대신 디자인 작업에 시간을 할애할 수 있습니다.
CSS 페퍼 크롬 확장 프로그램
10. 왓런즈
WhatRuns 프레임워크, 테마, 글꼴, CMS 등 모든 웹사이트에서 실행되는 모든 것을 알려줍니다.
또한 웹사이트를 팔로우하여 새로운 기술이 추가될 때 확장 프로그램에서 알림을 받을 수 있습니다.
WhatRuns Chrome 확장 프로그램
11. 무즐리
Muzli는 수천 가지의 아름답고 영감을 주는 디자인을 새 탭 교체 형태로 브라우저에 바로 제공하는 무료 확장 프로그램입니다. .
새 탭을 열 때마다 Muzli는 InVision, Muzli, Dribble, Product hunt, CNN, CSS Author 등 120개 이상의 소스에서 가져온 가장 아름다운 디자인으로 탭을 채웁니다! 이것은 디자이너의 보석입니다.
Muzli 크롬 확장 프로그램
12. 치수
Dimensions는 페이지 요소 사이의 거리를 스마트하게 측정하는 방법을 제공하는 무료 오픈 소스 확장 프로그램입니다.
마우스를 상대적으로 드래그 앤 호버링하여 이미지 및 HTML 요소의 크기를 찾습니다. 키보드 단축키를 사용하여 작업할 수도 있습니다. 최상의 경험을 즐기려면 Chrome 확장 프로그램 목록 끝에 키보드 단축키를 설정하여 확장 프로그램을 전환해야 합니다.
Dimensions Chrome 확장 프로그램
알고 있어야 하는 다른 확장 프로그램이 있습니다. Checkbot는 끊어진 링크, 안전하지 않은 페이지, 유효하지 않은 HTML/CSS/JS, 중복된 제목 및 기타를 확인하여 SEO 평판과 웹사이트의 전반적인 속도 및 보안을 높이는 것을 목표로 합니다. 개발 중에 알아차리지 못할 수도 있는 문제.
그리고 Check My Links 웹 페이지를 크롤링하여 끊어진 링크가 없는지 확인합니다. 이것은 무료이지만 다음과 같은 것은 아닙니다. 건장한.
디자이너와 개발자를 위해 알아야 할 멋진 확장 기능이 있습니까? 아래 댓글 섹션에 추가하세요.