Milligram.css - Thư viện Frontend tối giản dành cho nhà phát triển
Từ Bootstrap đến Foundation không thiếu các thư viện CSS tùy chỉnh. Nhưng nếu bạn cần một tùy chọn nhẹ rất đơn giản cho các dự án web mới thì sao? Nhiều thư viện CSS hiện có nặng và tràn ngập các tính năng quá mức.
Nhưng Milligram là một thay thế siêu nhẹ tổng cộng khoảng 8KB trong tệp .css rút gọn. Nó có thể được cài đặt qua Bower, NPM hoặc tải xuống trực tiếp được lưu trữ cục bộ hoặc thông qua CDN.
Theo mặc định, thư viện được xây dựng trên Chuẩn hóa bạn cũng cần bao gồm thư viện này. Nhưng có một hướng dẫn bắt đầu hữu ích trên trang chủ Milligram có thể giúp bạn di chuyển nhanh chóng.
Nếu bạn chỉ đang thử nghiệm nó thì hãy thử thêm các tệp trực tiếp từ CDN trực tiếp thay vì tải xuống cục bộ. Bằng cách này, bạn có thể thiết lập một dự án mẫu trên CodePen hoặc IDE dựa trên đám mây khác.
Ngoài ra, thư viện sử dụng phông chữ Roboto miễn phí được lưu trữ bởi Google cho tất cả các kiểu chữ của nó. Bạn có thể sử dụng Milligram mà không cần Roboto nhưng bạn sẽ không có được các thiết kế phông chữ đẹp như vậy.
Thư viện Chuẩn hóa thêm & Phông chữ Google có thể cảm thấy như một gánh nặng. Nhưng tất cả họ có thể được lưu trữ trên CDN bên ngoài vậy bạn không cần lo lắng về thời gian tải HTTP từ máy chủ của bạn. Và Milligram đi kèm với định dạng mặc định cho tất cả các thành phần trang cơ bản:
- Tiêu đề & đoạn văn
- Danh sách được sắp xếp và không có thứ tự
- Blockquote
- Những cái bàn
- Trường mẫu
- Hình ảnh với chú thích
- Và một chút nữa!
Hãy xem qua trang chủ Milligram.css để tìm các mẫu mã nguồn và lấy các liên kết CDN. Bạn cũng có thể thấy bản demo bồn rửa nhà bếp được nhúng bên dưới có tất cả các yếu tố trang Milligram được tùy chỉnh.