웹 디자이너 및 개발자를위한 15 가지 Chrome 확장 프로그램

Google 크롬을 기본 웹 브라우저로 사용합니다. 왜? 빠르고 사용하기 쉬우 며 안정적이고 안전하며 사용하기 쉽고 맞춤 설정이 가능하며 자체 웹 스토어가 있기 때문입니다. 아직 Google 크롬을 사용하지 않는 경우이를 고려해야합니다. 적어도 설치하고 일주일 정도 사용하십시오.

아이들을 위해 눈송이를 그리는 방법

웹 디자이너 또는 개발자는 Chrome 작업에 많은 시간을 할애하고있을 것입니다. Chrome을 사용하는 사람들의 가장 놀라운 점은 확장 프로그램을 활용하지 않는다는 것입니다.



확장 프로그램은 기본적으로 Chrome을 최대한 활용할 수있는 사용자 지정 도구입니다. 예를 들어, 클릭이나 버튼으로 스크린 샷을 찍고, 웹 사이트를 친구와 공유하고, 음악을 제어하고, 다양한 웹 사이트에 대한 순위 정보를 얻는 등의 작업을 할 수 있습니다.



Chrome 스토어에는 생산성을 높이고 전체 워크 플로를 개선하는 확장 프로그램이 포함되어 있습니다. 따라서 당신의 삶을 더 쉽게 만들기 위해 거기에있는 도구를 활용할 수도 있습니다. 가장 좋은 점은 모두 * 무료라는 것입니다!

작업에 도움이되는 15 가지 Chrome 확장 프로그램을 확인하세요.



Chrome 확장

목차

1. FireBug Lite

FireBug는 Chrome에 도입 된 잘 알려진 FireFox 애드온입니다. 코드 디버깅에 특히 유용합니다. 또한 모든 웹 페이지에 대해 JavaScript, HTML 및 CSS를 실시간으로 모니터링 할 수 있습니다.



설치

2. WhatFont

WhatFont를 사용하면 디자이너가 간단한 마우스 오버만으로 웹 페이지에서 사용되는 글꼴을 찾을 수 있습니다. FireBug를 사용하고 코드를 샅샅이 조사하여이를 파악할 수도 있지만이 확장을 사용하면 훨씬 더 쉽게 알아낼 수 있습니다.

설치



3. 크롬 스니퍼

웹 사이트를보고“이게 어떻게 가능할까요?”라고 생각한 적이 있습니까? Chrome Sniffer를 사용하면 방법을 찾을 수 있습니다. 대부분의 웹 사이트의 프레임 워크를 알려줍니다. 현재 100 개 이상의 프레임 워크를 감지 할 수 있습니다.

당신은 더러운 질문을하는 것이 가장 좋습니다

설치

4. 코드 콜라

Code Cola를 사용하면 사용자가 CSS를 시각적으로 편집 할 수 있습니다. 이것은 사용자가 웹 페이지의 영역을 클릭하고 CSS를 쉽게 조작 할 수 있음을 의미합니다. 이것은 잠재적으로 디자이너에게 많은 시간을 절약 할 수 있습니다.



설치

5. ColorZilla

ColorZilla에는 색상 선택기, 스포이드 및 그래디언트 생성기 . 또한 더 고급이 있습니다 색상 도구 . 색상 선택기를 사용하여 웹 페이지의 모든 부분에 대한 HTML 색상을 결정할 수 있으며 해당 색상을 사용자 정의 팔레트에 저장할 수 있습니다. 누구나 색상 선택기가 필요하며 ColorZilla는 최고 중 하나입니다.

설치

6. 테이프

테이프는 레이아웃이 완벽한 지 확인하려는 디자이너에게 적합합니다. 페이지 내용에 맞춰 안내선을 내려 놓으면 요소의 크기를 쉽게 결정할 수 있습니다. 요소의 크기를 결정하기 위해 더 이상 스크린 샷을 찍을 필요가 없습니다.

설치

7. 해상도 테스트

웹 디자이너와 개발자는 서로 다른 해상도로 웹 사이트를 시험해 볼 필요가 있지만이를 수행하는 가장 좋은 방법은 무엇입니까? Chrome 용 Resolution Test 확장 프로그램을 사용하면 브라우저 창 크기를 변경하여 웹 사이트를 다른 해상도로 볼 수 있습니다. 일반적인 화면 해상도 중에서 선택하거나 사용자 지정 해상도를 입력 할 수 있습니다.

설치

얼마나 많은 닉 캐논 순 가치

8. 속도 추적기

웹 사이트가 느리게로드되는 상황에서 그 이유를 알 수 없었던 적이 있습니까? Speed ​​Tracer가 도움이 될 수 있습니다. Speed ​​Tracer는 JavaScript, CSS, 타이머 실행 등으로 인한 문제를 찾을 수 있습니다.

설치

9. lorem ipsum 생성기

때로는 페이지를 채우는 데 텍스트가 필요하여 페이지가 채워 졌을 때 어떻게 보일지 알 수 있습니다. 로렘 입섬 Generator를 사용하면 그렇게 할 수 있습니다. 단락 당 원하는 단어 수와 원하는 단락 수를 선택할 수 있습니다. 콘텐츠로 웹 사이트를 채우는 것이 그 어느 때보 다 쉬워졌습니다.

설치

10. Internet Explorer 탭

개발하거나 디자인 할 때 다른 브라우저 (그 중 하나가 Internet Explorer)에서 웹 사이트를 테스트해야합니다. Internet Explorer 탭을 사용하면 Chrome을 통해 IE에서 웹 사이트를 쉽게 볼 수 있습니다. 열어야하는 브라우저가 하나 줄어 듭니다.

10 대 더러운 픽업 라인

설치

11. Alexa 트래픽 순위

웹 개발자 또는 디자이너는 다른 웹 사이트의 트래픽 양에 관심이있을 것입니다. 그만큼 알렉사 트래픽 순위를 통해 웹 사이트의 트래픽 양을 확인할 수 있습니다. 이것은 관찰하기에 흥미로운 통계가 될 수 있습니다. 이를 결정할 다른 방법이 있더라도 자신의 웹 사이트에서 사용할 수도 있습니다.

설치

여자 친구에게 당신이 그녀를 얼마나 사랑하는지 말하는 단락

12. Microstock 포토 파워 검색 도구

스톡 이미지를 찾는 것은 시간이 많이 걸리고 짜증이 날 수 있습니다. Microstock Photo Power Search Tool을 사용하면이 프로세스를 훨씬 쉽게 수행 할 수 있습니다. 이 확장 프로그램을 사용하면 Fotolia 및 Shutterstock과 같은 상위 5 개 스톡 이미지 에이전시의 스톡 이미지를 검색 할 수 있습니다.

설치

13. 크롬 용 팔레트

Palette for Chrome은 웹 디자이너를위한 재미 있고 유용한 도구입니다. 이미지를 선택하고 색상 팔레트 그 이미지에서. 16, 24 또는 32 색으로 팔레트를 만들 수 있습니다. 좋아하는 이미지가 있으면 만들 수 있습니다. 색상 팔레트 그것으로부터 그것을 사용하십시오 색상 팔레트 귀하의 웹 사이트 디자인에서.

설치

14. TooManyTabs

웹 사이트를 개발하는 동안 수많은 브라우저 탭이 열려있을 수 있습니다. TooManyTabs를 사용하면 관리 할 수 ​​있습니다. 이 Chrome 확장 프로그램을 사용하면 열린 탭의 미리보기 이미지를 볼 수 있습니다. 특정 탭이 열려 있으면 잊기 쉽지만 TooManyTabs를 사용하면 쉽게 찾을 수 있습니다.

설치

15. 평 의복

PlainClothes를 사용하면 다음에서 웹 사이트를 볼 수 있습니다. 검정색과 흰색 . 이를 통해 웹 사이트에서 실수를 찾거나 작동 방식을 파악할 수 있습니다. 자신의 웹 사이트와 다른 웹 사이트 모두에서 사용할 수있는 유용한 도구입니다.

Chrome에는 웹 개발자와 디자이너를위한 많은 확장 프로그램이 있으며 각각 고유 한 기능을 제공합니다. 위 목록에는 대부분의 웹 디자이너에게 유용한 15 가지 도구가 포함되어 있습니다. 그러나 위의 확장 프로그램으로 특정 요구 사항이 충족되지 않는 경우 Chrome의 웹 스토어를 검토하여 확장 프로그램이 있는지 확인할 수 있습니다.