Spectre.css - Khung CSS đáp ứng dựa trên Flexbox nhẹ
Nếu bạn muốn đi sâu vào bố trí flexbox bây giờ là thời điểm tốt nhất để bắt đầu Các trình duyệt hiện đại là cuối cùng chấp nhận thuộc tính flexbox và nhiều nhà phát triển đang tham gia vào hành động.
Nhưng, tại sao lại bắt đầu từ đầu khi bạn có thể xây dựng trên đầu trang của mã tái sử dụng? Spectre.css là một trong những khung tốt nhất để bắt đầu sử dụng nếu bạn chưa quen với flexbox.
Khung mã nguồn mở miễn phí này được xây dựng sẵn với một hệ thống lưới chức năng và thuộc tính flexbox phổ biến. Nó dựa vào Gulp để biên dịch và chạy CSS một cách nhanh chóng, từ bất kỳ máy tính nào.
Nó cũng sử dụng BÀI thay vì Sass, có thể tạo ra Spectre và một lựa chọn tuyệt vời cho tất cả người dùng LESS.
Một bản tải xuống từ npm đi kèm với mọi thứ bạn cần: Biểu tượng CSS, mixin, biến, và hầu hết mọi thứ bạn mong đợi từ một khung CSS điển hình.
Tất cả mã là ngữ nghĩa đầy đủ và hỗ trợ tất cả các yếu tố văn bản HTML, ngay cả những cái mới hơn như . Kiểu văn bản cũng hỗ trợ phông chữ Đông Á với các ngôn ngữ như tiếng Trung, tiếng Nhật và tiếng Hàn.
Bạn có thể tìm hàng tấn ví dụ trên “Yếu tố” trang nào liệt kê các mẫu thiết kế cho văn bản, nút, bảng, biểu tượng và biểu mẫu web (trong số những thứ khác).
Spectre cũng đi kèm với tấn linh kiện Điều đó có thể giúp bạn tiết kiệm hàng giờ dành cho việc viết mã từ đầu. Tính năng động, nhu la Popovers và menu thả xuống, Rất dễ dàng để thêm vào bất kỳ bố cục nào, chỉ với một vài dòng mã.
Khung này là vẫn còn khá mới và nó luôn luôn trải qua những thay đổi. Tại thời điểm viết bài này, Spectre đang ở v0.2 và có nhiều tính năng thử nghiệm bạn co thể thử.
Nhưng, các thành phần chính, thành phần trang và lưới là đầy đủ chức năng và sẵn sàng cho một trang web sản xuất trực tiếp. Spectre là một trong những khung CSS tốt nhất chạy trên Ít với lưới flexbox.
Để tìm hiểu thêm và bắt đầu, hãy truy cập trang tài liệu bao gồm cài đặt và thiết lập.
Bạn cũng có thể tải về một bản sao của mã ngay từ GitHub trong đó cũng có một phần nhỏ cho tài liệu. Và, nếu bạn muốn chia sẻ suy nghĩ của mình, bạn có thể tweet tài khoản chính thức @spectrecss.
