CSS Starter Kit dành cho nhà phát triển - Shoelace.css

Các nhà phát triển Frontend cần tất cả các tài nguyên tốt nhất họ có thể nhận được. Thông thường, điều này có nghĩa là làm việc trên đỉnh của một khung chẳng hạn như Bootstrap vì nó được đóng gói với tất cả mọi thứ về cơ bản.

Tuy nhiên, có rất nhiều lựa chọn thay thế và Dây giày là một ví dụ như vậy bạn nên làm quen với.

Điều này bộ CSS miễn phí không thực sự là một khung đầy đủ. Thay vào đó, nó giống như một bộ khởi động cho các nhà phát triển Ai không muốn xây dựng hàng tá kiểu CSS tùy chỉnh từ đầu.

Bạn luôn có thể sử dụng thiết lập lại CSS nhưng chỉ định dạng mỗi trình duyệt như nhau. Một thiết lập lại là không phải là tất cả để xử lý các nhiệm vụ phức tạp hơn, và đó chính xác là điểm của Shoelace.

Nó đến như là một gói có CLI chạy trên Node mà bạn có thể cài đặt với bất kỳ dự án. Mặc dù, nó cũng có phiên bản CDN nếu bạn không muốn sử dụng npm.

Để thiết lập tất cả điều này, hãy kiểm tra hướng dẫn cài đặt trong tài liệu chính thức. Mặc dù điều này được gắn nhãn là một thư viện CSS, nó không đi kèm với các thành phần JavaScript, quá. Mặc dầu hầu hết những người chạy trên jQuery, vì vậy bạn sẽ cần phải bao gồm điều đó như là một phụ thuộc.

Nếu bạn tìm hiểu sâu hơn về tài liệu, bạn sẽ tìm thấy trang tùy biến cho thấy bạn Làm thế nào để chỉnh sửa các biến trong CSS. Những thứ này cho phép bạn xây dựng các thành phần tùy chỉnh và thay đổi các kiểu Shoelace mặc định một cách dễ dàng.

Mỗi thành phần không có cảm giác Bootstrap-y cho thiết kế, Vì vậy, Shoelace sẽ làm việc với khá nhiều bố cục.

Tuy nhiên, nó cũng có đường cong học tập dốc hơn Bootstrap, vì nó không phổ biến, cũng không có nhiều hỗ trợ. Khi viết bài này, Shoelace vẫn đang ở phiên bản beta v1.0 nên có nhiều thời gian để bắt kịp với các khung công tác lớn hơn.

Nhìn nhanh vào các tài liệu nên chứng minh điều này là sẵn sàng cho một trang web sản xuất. Điều đó thực sự tùy thuộc vào bạn nếu Shoelace đáng để học hỏi và thực hiện.

Hãy nhìn vào GitHub repo để lấy một bản sao và tài liệu trực tuyến để biết thêm thông tin thiết lập. Nếu bạn có bất kỳ câu hỏi hoặc đề xuất nào cho Shoelace, bạn cũng có thể gửi một dòng cho người tạo trên Twitter @claviska.