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

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

 

Chrome 웹 스토어

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

chrome.google.com

 

 

 


 

플러그인 추천(아래)

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

https://chromewebstore.google.com/detail/image-downloader-save-pic/daeljdgmllhgmbdkpgnaojldjkdgkbjg

 

Image Downloader - Save pictures - Chrome 웹 스토어

Find, choose and download images you need from any web pages or select all to bulk image download at once.

chromewebstore.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

https://chromewebstore.google.com/detail/unstack-style-guide/iabnnjcfonfnjhpmdgapgemfmgjlbjem?hl=ko&pli=1

 

Unstack Style Guide - Chrome 웹 스토어

Generate a brand style guide for any website instantly

chromewebstore.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

 

 

 

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

 

 

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

 

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

 

728x90
  Comments,     Trackbacks