반응형

웹개발 6

Check My Links - 깨진 링크 체크

간단 설명깨진 링크 체크Check My Links는 웹 페이지의 모든 링크를 검사하여 깨진 링크를 빠르게 찾아주는 링크 검사기입니다.화면 캡처상세 설명Check My Links는 웹 디자이너, 개발자 및 콘텐츠 편집자를 위해 개발된 크롬 확장 프로그램으로, 웹 페이지의 모든 링크를 검사하여 유효한 링크와 깨진 링크를 빠르게 식별할 수 있습니다. 링크를 일일이 확인할 필요 없이, 이 도구를 사용하면 페이지의 모든 링크를 자동으로 검사하고 결과를 시각적으로 표시해줍니다. 주요 기능- 링크 검사: 페이지의 모든 링크를 검사하여 유효한 링크와 깨진 링크를 식별합니다.- 하이라이트: 유효한 링크는 초록색으로, 깨진 링크는 빨간색으로 하이라이트됩니다. 이 도구는 특히 많은 링크가 포함된 웹 페이지를 편집할 때 유용..

크롬확장 도구 2024.08.08

ColorZilla - 사이트의 컬러 코드 가져오기

간단 설명사이트의 컬러 코드 가져오기ColorZilla는 크롬 및 파이어폭스 브라우저에서 사용 가능한 고급 색상 선택 도구 및 그라데이션 생성기입니다.화면 캡처상세 설명ColorZilla는 웹 디자이너와 개발자들이 즐겨 사용하는 색상 선택 도구로, 브라우저의 어느 지점에서든 색상을 읽어오고 조정할 수 있습니다. 또한, 다양한 색상 도구와 기능을 제공하여 사용자가 색상을 효과적으로 관리하고 활용할 수 있게 해줍니다. 주요 기능- 스포이드: 페이지의 어떤 픽셀이든 색상을 얻을 수 있습니다.- 고급 색상 선택 도구: 포토샵과 유사한 인터페이스로 정밀한 색상 선택이 가능합니다.- CSS 그라디언트 생성기: 아름다운 그라디언트를 손쉽게 생성할 수 있습니다.- 웹페이지 색상 분석기: 웹사이트의 색상 팔레트를 분석하..

크롬확장 도구 2024.08.08

WhatFont - 웹사이트 내 서체명과 폰트 크기, 폰트 굵기 정보 제공, 개발자 용

간단 설명웹사이트 내 서체명과 폰트 크기, 폰트 굵기 정보 제공, 개발자 용WhatFont은 웹 페이지에서 사용된 폰트를 쉽게 식별할 수 있는 가장 간단한 방법입니다.화면 캡처상세 설명WhatFont은 개발자 도구를 사용하지 않고도 웹사이트에서 사용된 폰트를 손쉽게 알아낼 수 있는 확장 프로그램입니다. 텍스트 위에 마우스를 올려놓기만 하면 해당 폰트의 정보를 즉시 확인할 수 있습니다. 클릭 한 번으로 더 자세한 스타일 정보도 확인할 수 있습니다.장점- 간편한 사용법: 텍스트 위에 마우스를 올리기만 하면 폰트 정보를 확인할 수 있습니다.- 상세 정보 제공: 클릭 한 번으로 폰트 스타일의 세부 정보를 볼 수 있습니다.- 높은 호환성: 최신 CSS 색상 값 지원 및 다양한 웹사이트와의 호환성 유지.단점- 폰트..

크롬확장 도구 2024.08.08

Web Developer - 웹 개발자 툴

간단 설명웹 개발자 툴'Web Developer' 확장 프로그램은 다양한 웹 개발 도구를 제공하는 툴바 버튼을 브라우저에 추가합니다.화면 캡처상세 설명'Web Developer' 확장 프로그램은 브라우저에 툴바 버튼을 추가하여 다양한 웹 개발 도구에 쉽게 접근할 수 있도록 합니다. 이 확장 프로그램은 웹 개발자들이 자주 사용하는 기능을 한 곳에 모아 작업 효율성을 극대화하도록 설계되었습니다. 주로 사용되는 도구로는 HTML 및 CSS 검사, 자바스크립트 디버깅, 웹 페이지 요소 분석 등이 있으며, 이 모두를 툴바 버튼 하나로 빠르게 이용할 수 있습니다. 주요 기능:1. HTML/CSS 검사 및 수정: 웹 페이지의 HTML 및 CSS 요소를 실시간으로 검사하고 수정할 수 있습니다.2. 자바스크립트 디버깅:..

크롬확장 도구 2024.08.05

github embed - 홈페이지에 소스 코드 넣기 html 생성

간단 내용홈페이지에 소스 코드 넣기 html 생성GitHub 및 Gist 소스 코드를 손쉽게 임베드할 수 있는 확장 프로그램입니다. 이 확장은 '임베드 버튼'을 생성하여 원하는 곳에 임베드 스크립트를 간편하게 복사 및 붙여넣기 할 수 있도록 도와줍니다.화면 캡처상세 내용GitHub와 Gist의 소스 코드를 웹사이트나 블로그 등에 임베드하고 싶을 때, 이 확장은 매우 유용합니다. 확장을 설치하면 GitHub와 Gist 페이지에 '임베드 버튼'이 생성되며, 이 버튼을 클릭하면 해당 소스 코드의 임베드 스크립트를 쉽게 얻을 수 있습니다. 복사한 임베드 스크립트를 원하는 위치에 붙여넣기만 하면 됩니다. 이 확장은 개발자들에게 소스 코드를 공유하고, 코드 스니펫을 웹 페이지에 임베드하는 과정을 단순화시켜 줍니다...

크롬확장 도구 2024.07.31

Window Resizer - 브라우저 윈도우 크기 변경

간단 내용Window Resizer는 웹사이트의 브라우저 윈도우 크기를 변경할 수 있는 확장 프로그램입니다.화면 캡처상세 내용Window Resizer는 웹 브라우저 윈도우 크기를 변경할 수 있게 해주는 확장 프로그램입니다.자주 사용하는 프리셋(예제)이 없으면 옵션에서 사용자가 원하는 해상도의 프리셋을 추가할 수도 있습니다. 유튜브 16:9 해상도720 x 4801280 x 7201920 x 1080기타 16:9 해상도800 x 450동영상 강의정확하게 웹사이트 크기 조절하는 방법(크롬 확장 프로그램) - 디자인 꿀팁 - 디자인베이스장점- 해상도 목록, 창 크기 및 위치 등의 설정을 사용자 정의 가능단점앱 주소https://chromewebstore.google.com/detail/window-resiz..

크롬확장 도구 2024.07.31
반응형