Tạo bố cục đáp ứng tối giản với Mini.css

Một khuôn khổ lối vào nên là Trọng lượng nhẹ và dễ sử dụng. Bootstrap là phổ biến nhất, mặc dù nó cũng là một trong những nặng nhất. Và, trong một thế giới có nhiều lựa chọn thay thế cho Bootstrap, có thể khó tìm được thứ bạn thích.

Mini.css là một khuôn khổ mới hơn và nó thực sự sống theo tên của nó. Hiện tại trong phiên bản 2.x, khung này nhằm mục đích càng nhỏ càng tốt, hiện chỉ nặng 7KB khi được nén.

Toàn bộ khung là đáp ứng di động và nên làm việc cho bất kỳ bố trí bạn cần. Nhưng, mục tiêu là giữ cho thư viện này mỏng cung cấp các yếu tố cần thiết cho công việc của bạn.

Bạn có thể cài đặt Mini.css với bất kỳ hệ thống quản lý gói nào chẳng hạn như Sợi, npm hoặc Bower. Nó cũng có thể là cài đặt trực tiếp nếu bạn tải xuống các tệp từ GitHub.

Khi nó được thêm vào trang web của bạn, bạn chỉ cần đánh dấu trang web như bình thường và bạn sẽ thông báo hiệu ứng ngay lập tức.

Loại, nút, liên kết, biểu mẫu, bảng, tất cả các yếu tố mặc định này đi kèm với các kiểu cơ sở trong thư viện Mini.css. Để thiết lập bố cục đáp ứng, bạn sẽ cần sử dụng hệ thống lưới mà không quá khó để nhận.

Tất cả các tài liệu là viết bằng tiếng Anh, thật dễ hiểu Thêm vào đó, họ bao gồm các video screencast từ Scrimba làm cho nó dễ dàng hơn để làm theo cùng với các ví dụ mã.

Khi bạn tìm hiểu sâu hơn về thư viện này, bạn có thể kiểm tra hướng dẫn của họ để tùy biến nếu bạn muốn thêm các tính năng hoặc chỉnh sửa các tính năng hiện có.

Hoặc, nếu bạn muốn bắt đầu một dự án, hãy nhanh chóng kiểm tra mẫu mặc định, quá. Những làm việc trên các bố trí cột và giúp tổ chức trang web của bạn tốt hơn rất nhiều.

Tôi thực sự thích thư viện Mini.css vì nó hoạt động để tạo tài nguyên frontend cả nhỏ và áp dụng cho mọi dự án. Chắc chắn giá trị thử nghiệm cho dự án tiếp theo của bạn nếu bạn muốn một cái gì đó nhẹ và dễ dàng để chọn.