Vital CSS - Khung web xâm lấn tối thiểu

Di chuyển qua Bootstrap vì có một khung CSS mới trong thị trấn. Nó được gọi là Quan trọng và nó dải phát triển frontend xuống đến mức cần thiết.

Vital đi kèm chỉ CSS và có không có thư viện hoặc phụ thuộc JavaScript. Và biểu định kiểu Vital.css là chỉ giảm 31KB, bao gồm phông chữ biểu tượng.

Chỉ riêng tệp CSS của Bootstrap có tổng cộng khoảng 118KB. Vital có kích thước gần bằng 1/4 kích thước của Bootstrap! Nó được xây dựng cho các nhà phát triển, những người chỉ cần một giải pháp nhanh cho dự án tiếp theo của họ.

Quan trọng là một khung nguồn mở hoàn toàn với tất cả mã có sẵn trên GitHub để xem xét.

Tất cả mọi thứ là được xây dựng với Sass cho CSS và Slim cho HTML. Nhưng đây là chỉ để phát triển, Vì vậy, nếu bạn đang sử dụng Vital cho sản xuất thì bạn có thể xuất CSS trực tiếp.

Các phiên bản mới nhất có sẵn để tải về trên trang phát hành và chúng bao gồm Mã CSS cùng với phông chữ biểu tượng tùy chỉnh. Bạn cũng sẽ tìm thấy nhiều bản demo HTML & CSS và một số tài liệu cơ bản trên trang GitHub.

Nhưng những thứ tốt thực sự có thể được tìm thấy trên trang thành phần. Điều này liệt kê mọi thứ bạn nhận được với Vital, bao gồm lưới, kiểu chữ, nút, bộ tải, bảng, tab, đầu vào biểu mẫu và nhiều hơn nữa.

Không có tính năng nào trong số này dựa vào JavaScript, đó là một phần thưởng rất lớn Cấp cho bạn có thể làm nhiều hơn với JavaScript nhưng thật tuyệt khi không lo lắng về JS trong khi tạo kiểu cho lối vào.

Bạn có thể tái tạo bất kỳ yếu tố từ trang thành phần chỉ bằng sử dụng lớp CSS. Những lớp học này có thể hơi tự động nếu bạn sử dụng Slim, do đó, có một chút lợi thế cho người dùng Sass / Slim.

Nhưng Vital có thể hoạt động tốt cho bất kỳ nhà phát triển nào với một số kinh nghiệm về HTML / CSS. nó là một hoàn toàn miễn phí khuôn khổ và nó Nhẹ hơn nhiều hơn các lựa chọn thay thế.

Để tìm hiểu thêm, hãy xem trang chủ Vital hoặc đọc lướt qua bài viết này được viết bởi những người tạo ra Vital thảo luận tại sao họ tạo ra khuôn khổ và những vấn đề nó có nghĩa là để giải quyết.