웹디자인 크롬 확장 플러그인 추천

https://chrome.google.com/webstore/category/extensions?hl=ko

 

Chrome 웹 스토어

Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요.

chrome.google.com

 

 

 

 

 

 

플러그인 추천(아래)

Image Downloader 웹 사이트에 있는 이미지를 다운받을 수 있게 해줍니다.

https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj?hl=ko

 

Image Downloader

Browse and download images on a web page.

chrome.google.com

 

 

FireShot 스크롤 길이 관계없이 전체 화면을 캡쳐해줍니다.(현재 화면/일부 화면 캡쳐 가능) 한글 지원합니다.

https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg/related?utm_source=chrome-ntp-icon 

 

캡춰 (전체 웹 스크롤) - FireShot

캡춰 (전체 웹) 편집 및 저장 (PDF/JPEG/GIF/PNG) 업로드, 인쇄 보내기 OneNote, 클립보드 혹은 E-mail.

chrome.google.com

 

 

disable HTML 웹 사이트의 일부 프로그래밍을 해제한 모습을 볼 수 있습니다.(개발자도구)

https://chrome.google.com/webstore/detail/disable-html/lfhjgihpknekohffabeddfkmoiklonhm?hl=ko

 

disable-HTML

Provides switches to enable and disable CSS, Javascript, Images, Cookies and Popups.

chrome.google.com

 

Eye Dropper 웹사이트의 원하는 부분의 색상을 추출하여 확인할 수 있습니다.

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka/related?utm_source=chrome-ntp-icon 

 

Eye Dropper

Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.

chrome.google.com

 

 

Awesome Screen Shot & Screen Recorder 화면을 캡쳐하거나 webM 파일로 영상기록이 가능합니다.

chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj?hl=ko

 

Awesome Screenshot & Screen Recorder

Full page screen capture and screen recorder 2 in 1. Share screencast video instantly.

chrome.google.com

(위 플러그인 사용 튜토리얼 (아래))

https://webty.tistory.com/180?category=880467 

 

크롬 플러그인 Awesome Screen Recorder 사용법(녹화)

▼ (설치) Awesome Screen Shot & Screen Recorder 화면을 캡쳐하거나 MP4 파일로 영상기록이 가능합니다. https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblg..

webty.tistory.com

 

 

 

 

web Developer 개발자도구로 반응형웹 등 웹 제작 시 편리합니다.

https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm/related?utm_source=chrome-ntp-icon 

 

Web Developer

Adds a toolbar button with various web developer tools.

chrome.google.com

 

 

what font 웹사이트 사용 글꼴 정보를 알려줍니다.

https://chrome.google.com/webstore/detail/what-font-find-font/djgfpbegnihdgbngpmhjnlchgglngcdn?utm_source=chrome-ntp-icon 

 

What Font - find font

어떤 웹 사이트에서 어떤 글꼴이 사용되는지 알 수 있습니다.

chrome.google.com

 

 

Page Ruler, Grid Ruler 웹사이트 페이지 크기 및 여백, 위치 등을 알기 편하게 도와줍니다.

https://chrome.google.com/webstore/detail/page-ruler/jcbmcnpepaddcedmjdcmhbekjhbfnlff/related

 

Page Ruler

Measure page elements size in pixel with an easy-to-use ruler.

chrome.google.com

https://chrome.google.com/webstore/detail/grid-ruler/joadogiaiabhmggdifljlpkclnpfncmj/related?hl=ko 

 

Grid Ruler

Create grids and measure their distance easily.

chrome.google.com

 

CSS Viewer 웹사이트의 CSS정보를 미리 볼수 있습니다.

https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?utm_source=chrome-ntp-icon 

 

CSSViewer

A simple CSS property viewer.

chrome.google.com

 

 

window Resizer 반응형웹 제작 시 다양한 사이즈 미리보기를 할 수 있습니다.

https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/related?utm_source=chrome-ntp-icon 

 

Window Resizer

Resize the browser window to emulate various screen resolutions.

chrome.google.com

 

  Comments,     Trackbacks