Biểu định kiểu CSS tối giản

Bạn có thể không cần hầu hết các tính năng đi kèm với các khung giao diện người dùng lớn như Bootstrap, đặc biệt là khi bạn đang làm việc trên các dự án nhỏ, đơn giản mà bạn chỉ muốn bắt đầu và chạy càng sớm càng tốt. May mắn thay, có những khung CSS nhỏ hơn, đơn giản hơn mà bạn có thể sử dụng thay thế. Việc sử dụng một khung CSS nhỏ thường chuyển thành một đường cong học tập nhẹ nhàng hơn cho các nhà phát triển, không phụ thuộc vào JavaScript về chức năng và thời gian tải nhanh hơn cho người dùng của bạn

Tôi đã tạo một danh sách tuyệt vời về các khung CSS nhỏ/tối giản để bạn khám phá. Hầu hết chúng đều dưới 5 KB (khi được thu nhỏ và nén) và chứa các thành phần thiết yếu để xây dựng các thiết kế web đáp ứng

tối thiểu

min thậm chí còn hỗ trợ các trình duyệt cũ như Internet Explorer 5. 5

miligam

CSS rực lửa

(Đọc hướng dẫn tạo bản dựng Blaze CSS tùy chỉnh để biết thêm thông tin. )

Kube

Nguyên chất

nhà phát triển, là một bộ mô-đun CSS sẽ giúp bạn nhanh chóng xây dựng các thiết kế web đáp ứng. Pure có các kiểu cơ bản cho tất cả các thành phần HTML (được phát triển dựa trên Chuẩn hóa. css) và các mô-đun cho bố cục lưới, biểu mẫu web, nút, bảng và menu điều hướng

lén lút

Giống như Milligram, Furtive là Mobile First, có lưới đáp ứng dựa trên FlexBox và sử dụng đơn vị rem cho độ dài và kích thước. Nó có những điều cơ bản được bảo hiểm. các nút, biểu mẫu và thậm chí cả các lớp màu mặc định

bộ xương

Nó đi kèm với một hệ thống lưới trực quan và các kiểu cơ sở cho các phần tử HTML của bạn

CSS FOX

Basscss

đơn giản

Tương tự với Skeleton. Nó có một hệ thống lưới 12 cột trực quan và các kiểu cơ sở cho kiểu chữ, bảng, nút, biểu mẫu, v.v.

hoa sen

CSS dã ngoại

Bảng tóm tắt

Bảng sau chứa thông tin chi tiết hữu ích về các khung CSS có trong danh sách này

*Kích thước là kích thước tệp của tệp CSS được rút gọn và nén. Các giá trị kích thước được lấy từ thử nghiệm độc lập của tôi đối với biểu định kiểu phân phối/sẵn sàng sản xuất của từng khung CSS. **Mức độ phổ biến là số lượng người dùng đang theo dõi mã nguồn của khung CSS trên GitHub. Giá trị này được đo bằng số Sao mà dự án có được trong khoảng thời gian bài đăng này được xuất bản. Giá trị cao hơn có nghĩa là dự án phổ biến hơn

Đọc tiếp

7 công cụ CSS bạn nên sử dụng 5 thư viện hiệu ứng CSS để tăng tốc cho thiết kế của bạn Phát triển CSS tại các trang web quy mô lớn

• Hình ảnh tròn với CSS
• 20 trang web giúp bạn học và làm chủ CSS
• 8 kỹ thuật CSS để vẽ biểu đồ dữ liệu
• Các ví dụ và kỹ thuật CSS sáng tạo (và thử nghiệm)
• Mẹo CSS số 1. Đặt lại kiểu của bạn bằng CSS Reset
• Mẹo CSS số 2. Quy ước đặt tên cấu trúc trong CSS

• Dịch vụ thiết kế website
• Cơ quan thiết kế web
• Giá thiết kế web
• Một trang web nên có giá bao nhiêu vào năm 2022?
• Dịch vụ thiết kế blog từng đoạt giải thưởng. Nâng cấp Blog của bạn
• Xây dựng trang web của bạn với một công ty thiết kế web tùy chỉnh đáng tin cậy
• Dịch vụ phát triển trang web thương mại điện tử
• Đại lý thiết kế web B2B
• Thiết kế web dựa trên cơ sở dữ liệu

• Thiết kế web cho công ty khai quật. 5 mẹo hàng đầu (Có ví dụ. )
• 5 mẹo thiết kế web cho người cài đặt hàng rào
• 5 mẹo thiết kế web đơn giản và thành công cho các nhà bán lẻ phụ tùng ô tô
• Lời khuyên cho thiết kế trang web y tế
• Thiết kế trang web y tế từ một cơ quan giành giải thưởng
• Top 10 mẹo thiết kế web hiệu quả cho trung tâm dịch vụ ô tô
• Thiết Kế Web Năng Lượng Tái Tạo. Mẹo cho một trang web tỏa sáng
• Dịch Vụ Thiết Kế Website Bảo Hiểm
• 5 mẹo thiết kế web cho các phòng khám hiếm muộn

Trang web của bạn SEO như thế nào?

Sử dụng công cụ miễn phí của chúng tôi để tính điểm của bạn trong vòng chưa đầy 60 giây