Cánh - Nhà thiết kế web CSS Framework tối giản muốn

Hệ sinh thái frontend đầy khung nguồn mở được thực hiện để cải thiện quá trình phát triển của bạn. Thông thường, mọi người đều muốn một cái gì đó khác với các khung này; một số người tìm kiếm tính thẩm mỹ trong khi những người khác muốn tốc độ hoặc là khả năng sử dụng.

Canh là một khuôn khổ mới hơn và là người bạn tốt nhất của tối giản. Nó đi kèm với một thiết lập lưới mặc định, yếu tố tùy chỉnh, và các thành phần có tổng 5 KB.

Có lẽ phần hay nhất về Cánh là tự động tạo kiểu cho các thành phần mặc định. Nếu bạn chỉ cần thả biểu định kiểu CSS Wing vào dự án của mình, bạn sẽ nhận thấy những thay đổi ngay lập tức.

Văn bản mặc định, liên kết và các yếu tố trang tự động định hình dựa trên thiết kế của Wing. Bạn cũng có thể thêm các lớp học thêm của riêng bạn để tăng thêm tính thẩm mỹ cho trang.

Tàu cánh với một Hệ thống lưới 960px sử dụng một Cấu trúc 12 col. Đây là một thiết lập rất đơn giản và lưới 960px thường được coi là quá nhỏ đối với khán giả màn ảnh rộng ngày nay. Nhưng, nếu bạn thích các trang web nhỏ hơn thì đây là một lựa chọn tuyệt vời.

http://usewing.ml/ thật đơn giản và làm theo cách như sau:

  1
 2
 3

Bạn có thể bao gồm một bản sao đầy đủ của Cánh từ CDN Unpkg. Họ giữ các tệp của họ cập nhật với phiên bản mới nhất, vì vậy bạn không bao giờ cần phải thay đổi tên tệp. Chỉ thêm URL này vào tiêu đề của bạn và bạn sẽ có quyền truy cập đầy đủ vào khung Cánh hiện tại.

Ngoài ra, bạn có thể tải xuống gói qua npm hoặc lấy một bản sao của nguồn ngay từ GitHub.

Tôi muốn so sánh Wing với Normalize.css, một khung CSS nhỏ hơn nhiều, giống như một đặt lại thư viện. Cánh thực sự đi kèm với các kiểu mặc định trong khi Normalize.css chỉ đặt lại các phần tử để hoạt động giống nhau trong tất cả các trình duyệt.

Vẻ đẹp của cả hai là bạn có toàn quyền kiểm soát đến chỉnh sửa, restyle, và định dạng lại trang tuy nhiên bạn thấy phù hợp.

Tất cả tài liệu và đoạn mã có thể được tìm thấy trên trang chủ của Wing, vì vậy hãy sử dụng hướng dẫn đó nếu bạn không chắc chắn cách thiết lập trang web của mình.