Sassline을 사용하여 웹에서 기본 격자 만들기

온라인 콘텐츠의 주요 부분은 텍스트 기반이지만, 타이포그래피가 잘 디자인되어 있지 않으면 사람들은 사이트의 텍스트를 읽는 것에 관심을 갖지 않습니다..

함께 일할 수도 있습니다. 사용자 정의 프레임 워크는 제한적이라고 느낄 수 있습니다.. 대신 Sassline을 사용해보십시오. Sassline은 웹에 완벽한 눈금 선을 만들기위한 무료 Sass 기반 라이브러리입니다..

이 무료 도구는 Sass에서 작동하므로 사전 처리 언어를 먼저 알아야합니다. 웹 개발에 아직 익숙하지 않다면 Sassline을 시작하기 전에 CSS와 Sass 연습을하십시오..

하지만 한번 배우면 레이아웃을 다시 똑같이 디자인하지 않을 것입니다..

Rem 유닛을 사용하여 생성합니다. 텍스트를 보드 전체에 맞추는 맞춤형 기준선. 여기에는 모든 머리말, 단락, 인용구, 모든 것이 포함됩니다..

Sassline은 반응하는 중단 점을 제공하므로 Sassline 격자를 기반으로 텍스트 크기 (및 선 높이)를 자동으로 조정할 수 있습니다. 이것은 당신이 그들과 함께 일하고 싶다면 Sass 경험이 필요한 Sass mixins에 의존합니다..

그래서이 도구를 특별히 권장합니다. 숙련 된 웹 개발자 자신의 워크 플로우를 개선하고자합니다..

데모 페이지에서는 목록 항목, 끌어 오기 따옴표 및 다양한 머리글 크기를 포함하여이 기준선 격자가 작동하는 방식에 대한 매우 명확한 예가 제공됩니다.

또한 코드를 약간 조정하면 Bootstrap과 같은 프론트 엔드 프레임 워크에 추가 할 수 있습니다. 그만큼 전체 Sassline 라이브러리는 매우 다목적입니다. 어디서나 Sass 애호가에게는 필수품이되어야합니다..

시작하려면 GitHub 메인 페이지를 방문하여 소스 파일의 사본을 다운로드하십시오..

또한 설치 지침과 기능별 Sassline 라이브러리 기능을 안내하는이 멋진 블로그 게시물에 대한 링크를 찾을 수 있습니다..