개발자에게 유용한 크롬 확장프로그램

유용한 크롬 확장 프로그램을 소개하는 페이지입니다

 

1.window resizer

이 도구는 우측 상단에 나오는 확장 프로그램 버튼으로 여러개의 브라우져 사이즈를
변경 할 수 있도록 도움을 주는 프로그램 입니다

window resizer 설치

설치 후 확장프로그램을 아이콘을 클릭하면 

윈도우 리사이저 아이콘

위와 같은 아이콘이 표출 될거에요 그럼 이 버튼을 클릭하면 

window resizer 선택화면

사이즈를 선택 할 수있고 선택하면 해당하는 사이즈에 맞춰 브라우져 사이즈가 변경됩니다 

 

2.css viewer (css뷰어)

이 도구는 아마 디자이너들이 많이 쓰지 않을까 싶기도 하지만 개발자들도 유용하게 사용 할 수 있을거같다

개발자들도 간단한 css 수정은 하기때문에 개발자 도구 창을 띄우지 않고 css 속성을 확인하기에 아주 좋은

툴이므로 사용해보는것도 좋을거같다

css Viewer 설치

css viewer를 설치 해주고 

 

css viewer 아이콘

아이콘을 클릭해주면 html 요소 테두리에 빨간 선이 생기면서 그 영역의 css 속성이 우측에 표출된다 

 

css viewer 사용

간단하게 확인할때엔 아주 좋은 툴이다