반응형
반응형

[chrome] 크롬 화면 분할 확장프로그램 

 

 우선 설정 > 모양 > 테마 (Chrome 웹 스토어 열기) 클릭

 웹 스토어에서 확장 프로그램을 검색한다. Split Tabs 라는 프로그램이다.

 

Split Screen made easy. Resize the CURRENT tab and tabs to the RIGHT into layouts on separate windows. w/ Multi Monitor Support.

 

For a more easily readable description please visit:

 

https://github.com/peterdotjs/tab-resize

 

***** Version 2.3.0

--------------------------

Added default shortcut keys for:

Ctrl + Shift + Z: Undo Last Resize

Ctrl + Shift + 1: 1x1 Resize

Ctrl + Shift + 2: 1x2 Resize

Ctrl + Shift + 4: 2x2 Resize

 

www.youtube.com/watch?v=GFHl98nAV04

 

브라우저 상단에서 설정할 수 있다.

 

반응형
반응형

기본 브라우저로 Chrome 설정

  1. 컴퓨터에서 시작 메뉴 를 클릭합니다.
  2. 설정 을 클릭합니다.
  3. 기본 앱을 엽니다. 기존 버전: 시스템 기본 앱을 클릭합니다. ...
  4. 하단의 '웹 브라우저'에서 현재 브라우저를 클릭합니다. ...
  5. '앱 선택' 창에서 Chrome을 클릭합니다.

 

 

반응형

'프로그래밍 > Web' 카테고리의 다른 글

jquery UI - datePicker  (0) 2019.10.02
우편번호 API - 다음  (0) 2019.09.30
크롬(Chrome) autoplay policy  (0) 2019.09.18
웹개발자가 되기 위한 로드맵, 2019 - DevOps  (0) 2019.09.11
Youtube 반복재생 안될때  (0) 2019.07.01
반응형
반응형
반응형
반응형
반응형
[Chrome] Visual Inspector by CanvasFlip


‘F12’를 누르면 등장하는 개발자도구는 무척 유용하다. 개발자도구를 활용하면 지금 보고 있는 웹페이지의 구성요소를 확인하고 부분적인 수정도 해 볼 수 있다. 문제는 이 개발자도구가 전혀 직관적이지 못하다는 데 있다. 기본적인 코딩을 모르면 접근성이 대폭 떨어진다. 
이 문제를 해결해줄 수 있는 도구가 등장했다. 


비주얼 인스펙터는 크롬에 설치해 사용하는 확장프로그램이다. 해당 웹사이트의 색상 구성, 글꼴, 이미지 등을 한눈에 확인할 수 있게 보여준다. 개발자도구를 활용하기 편한 방식으로 보여주는 도구다. 개발자와 소통하며 일해야 하는 디자이너나 기획자에게 무척 편리하다. 물론, 직관적인 방식은 누구에게나 접근성이 좋기 때문에 개발자에게도 편하다.

구성요소 중 하나를 클릭하면 어떤 요소인지 알려준다. 직접 수정할 수도 있다. 위치와 사이즈도 변경할 수 있으며, 회전시켜볼 수도 있다. 당연히 색상도 바꿔볼 수 있고, 정렬도 수정해볼 수 있다. 기타 등등 웹디자인에 필요한 대부분 요소를 확인하고 고쳐볼 수 있다. 이렇게 고쳐본 결과물은 이미지 파일로 받을 수도 있다. 당연히 사용자가 지금 보는 화면의 요소만 고쳐본 것일 뿐, 실제 서버에 적용되는 것은 아니기 때문에 걱정할 필요는 없다.


...




...




반응형
반응형

[Web] DevTools의 새로운 기능 (Chrome 60)


https://developers.google.com/web/updates/2017/05/devtools-release-notes







...

반응형

+ Recent posts