Trang chủ » Bộ công cụ » Thư viện CSS dã ngoại CSS nhẹ để khởi động các dự án web của bạn

    Thư viện CSS dã ngoại CSS nhẹ để khởi động các dự án web của bạn

    Một số nhà phát triển thích các thư viện UI chi tiết, như Bootstrap, vì các kiểu giàu tính năng của nó. Nhưng, có nhiều thư viện CSS nhỏ hơn được tạo ra cho thiết kế tinh tế thẩm mỹtùy biến.

    Nếu bạn đang tìm kiếm một thư viện CSS nhỏ nhưng sành điệu Tôi đề nghị CSS dã ngoại. Nó hoàn toàn miễn phí, mã nguồn mở và hoạt động mà không cần chỉnh sửa nhiều để jazz lên các trang của bạn với các phong cách đơn giản nhưng thanh lịch.

    Tất cả các yếu tố HTML gốc là mặc định, vì vậy bạn thậm chí không cần phải dựa vào các lớp học. Chỉ cần thêm biểu định kiểu Picnic vào trang web của bạn và làm mới. Bạn sẽ nhận thấy tất cả các biểu mẫu, nút và các yếu tố chính tả đều mang một diện mạo mới.

    Nhưng, tất nhiên, thư viện này không hỗ trợ thiết kế mô-đun với các tùy chọn để tùy chỉnh mọi thứ. nó là tất cả được viết bằng Sass, Vì vậy, bạn thực sự cần phải là một nhà phát triển Sass để làm việc thông qua mã.

    Bạn có quyền truy cập vào tất cả các kiểu chữ, lớp, hệ thống lưới và các biến được sử dụng để tạo kiểu và tô màu các thành phần trang.

    Picnic CSS cũng được xây dựng cực kỳ nhỏ và nó kích thước chỉ 10KB khi rút gọn. Đây là khoảng 1/10thứ của Bootstrap và nó vẫn có tất cả sự quyến rũ mà bạn mong đợi trong khung UI tùy chỉnh.

    Vì đây là một thư viện nhỏ, nên nó không có bất kỳ tính năng động nào. Nhưng, bạn có thể xem các ví dụ trên trang thử nghiệm bao gồm các nút, tiêu đề, thẻ, đầu vào, tab và các yếu tố tương tự khác.

    Một số yếu tố động, chẳng hạn như phương thức và tab, làm việc với CSS thuần. Vì vậy, bạn cũng có thể xây dựng các trang web tuân thủ bằng cách bỏ qua JavaScript hoàn toàn. Tuyệt đấy!

    Tôi nghĩ rằng các phong cách Picnic mặc định là một chút nhạt nhẽo để họ có thể sử dụng một số chỉnh sửa. Nhưng, về tổng thể, tôi ngưỡng mộ thư viện này và đó là một trong những cách đơn giản nhất để bắt đầu một dự án mới ở bên phải.

    Để bắt đầu, hãy truy cập trang Picnic GitHub của CSS để tải về một bản saoxem một số mẫu. Bạn cũng có thể duyệt tài liệu trực tuyến để xem cách mỗi phần tử hoạt động và những gì bạn cần để chạy tất cả.

    Dã ngoại thậm chí có sẵn trên CDN, vì vậy bạn thậm chí không cần tải xuống các tệp cục bộ để bắt đầu.