Tạo lưới cơ sở trên web bằng Sassline

Một phần chính của nội dung trực tuyến là dựa trên văn bản, nhưng mọi người sẽ không quan tâm đến việc đọc văn bản trên trang web của bạn trừ khi kiểu chữ được thiết kế tốt.

Bạn có thể làm việc với khung tùy chỉnh nhưng những khung có thể cảm thấy hạn chế. Thay vào đó hãy thử Sassline, một thư viện dựa trên Sass miễn phí để tạo các đường lưới hoàn hảo trên web.

Công cụ miễn phí này hoạt động trên Sass, vì vậy trước tiên bạn cần biết cách xử lý ngôn ngữ tiền xử lý đó. Nếu bạn vẫn chưa quen với việc phát triển web thì đó là một ý tưởng hay thực hành CSS và Sass của bạn trước khi chọn Sassline.

Nhưng một khi bạn học nó, bạn sẽ không bao giờ thiết kế bố cục theo cùng một cách nữa.

Nó sử dụng các đơn vị rem để tạo đường cơ sở tùy chỉnh phù hợp với văn bản của bạn trên bảng. Điều này bao gồm tất cả các tiêu đề, đoạn văn, blockquote của bạn, tất cả mọi thứ.

Và Sassline đi kèm với các điểm dừng đáp ứng để bạn có thể tự động điều chỉnh kích thước văn bản (và chiều cao dòng) dựa trên lưới Sassline. Điều này phụ thuộc vào các mixins Sass đòi hỏi kinh nghiệm của Sass nếu bạn muốn làm việc với chúng.

Đó là lý do tại sao tôi đặc biệt khuyên dùng công cụ này cho nhà phát triển web có kinh nghiệm tìm cách cải thiện quy trình làm việc của họ.

Trang demo cung cấp một ví dụ khá rõ ràng về cách thức hoạt động của lưới cơ sở này bao gồm các mục danh sách, các trích dẫn kéo và các kích thước tiêu đề khác nhau.

Ngoài ra, bạn có thể thêm phần này vào các khung giao diện như Bootstrap nếu bạn sẵn sàng thực hiện một số điều chỉnh nhỏ cho mã của mình. Các toàn bộ thư viện Sassline là siêu linh hoạt và nó nên là một yếu tố chính cho những người yêu thích Sass ở khắp mọi nơi.

Để bắt đầu, hãy truy cập repo GitHub chính và tải xuống một bản sao của các tệp nguồn.

Bạn cũng sẽ tìm thấy hướng dẫn thiết lập và liên kết đến bài đăng blog tuyệt vời này hướng dẫn bạn thông qua tính năng thư viện Sassline theo tính năng.