애플은 두 가지 측면에서 붕괴 될 수있다하드웨어와 소프트웨어 디자인이 절정에 달했지만 제대로 정렬되면 어떻게 보이는지 알 수있었습니다. 요점은 사물이 완벽하게 정렬되면 더 좋아 보이고 산업 디자인 및 웹 디자인에 적용됩니다. 웹 사이트 디자인은 일반적으로 Photoshop에서 만들어 지지만 디자이너와 개발자가 브라우저에서 웹 사이트 모양을 생각하지는 않습니다. 땜질하기가 꽤 쉽습니다. 모든 주요 웹 브라우저에있는 웹 개발 콘솔을 열고 패딩을 추가하고, 텍스트 색상을 변경하는 등의 작업 만하면됩니다. 이러한 콘솔에없는 한 가지는 정렬 도구입니다. Chrome이 개발을 위해 선호하는 브라우저 인 경우 베이스 라이너 시도해야 할 확장입니다. 화면에 일련의 수평선이 추가됩니다. 이 선들 사이의 간격과 색상을 자유롭게 정의 할 수 있습니다. 또한이 도구를 사용하면 눈금 선 앞에 페이지 상단에 사용자 정의 패딩을 추가 할 수 있습니다.
Baseliner를 설치하고 주소 표시 줄 옆에 추가 된 B 버튼을 클릭하십시오. 그리드를 사용자 정의하기위한 옵션이있는 메뉴가 열립니다.
기본적으로 상단 패딩은 0px로 설정됩니다.선 사이의 간격은 12px로 설정되고 선은 회색으로 불투명도가 100 %로 설정됩니다. 이 값 중 하나를 변경하려면 옆에있는 상자 안을 클릭하십시오.
색상 상자는 표준 색상 선택기를 제공합니다그리드 선의 색상을 변경합니다. 간격, 패딩 및 불투명도 값은 각 매개 변수에 대한 사용자 정의 번호를 입력하여 변경할 수 있습니다. 위 / 아래 화살표를 사용하여 값을 늘리거나 줄일 수도 있습니다. 그리드를 사용자 정의한 후 하단에서 '적용'을 클릭하십시오.
거더 라인은 현재 페이지에만 추가됩니다브라우저에서 연 모든 페이지가 아닙니다. 작업이 완료되면 줄을 삭제하려면 B 버튼을 다시 클릭하고 하단의 '제거'버튼을 클릭하십시오.
Baseliner는 완벽하게 작동합니다. 그리드의 색상 컨트롤과 상단의 패딩은 확장 기능을보다 지능적으로 만듭니다. 세로선 만 지원하기를 바랍니다.
Chrome 웹 스토어에서 Baseliner 설치
코멘트