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 ứngtối thiểu
min thậm chí còn hỗ trợ các trình duyệt cũ như Internet Explorer 5. 5
miligam
rem
và đó là Mobile First. Ở trên đỉnh cao đi kèm với chi phí. Milligram chỉ chính thức hỗ trợ các phiên bản mới nhất của Chrome, Firefox, IE, Safari và OperaCSS 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
TênKích thước*Tài liệuGiấy phépGitHub RepoPhổ biến **min1. 02 KBDocsMITRepo685Milligram4. 05 KBMITRepo3,000BlazeCSS5. 71 KBDocsMITRepo7Kube5. 94 KBDocsMITRepo [đã lỗi thời]538Pure4. 0 KBDocsBSDRRepo13,373Furtive2. 37 KBDocsMITRepo369Skeleton1. 57 KBMITrepo10,884FOX CSS2. 46 KBDocsUnknownRepo87Basscss3. 49 KBDocsMITRepo2,597Đơn giản5. 56 KBDocsMITRepo14Lotus1. 80 KBDocsMITRepo14Picnic CSS2. 32 KBDocsMITRepo932*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
Nhận điểm SEO của bạnlàm việc với chúng tôi
- Dịch vụ thiết kế web
- RainmakerFX
- Dịch vụ thiết kế lại web
- Dịch vụ trang đích
Tiếp tục đọc
- Tài nguyên thiết kế web
- Blog thiết kế web
- Chi phí của một trang web
- Thiết kế web đáp ứng
Nhận bài viết qua email
Hãy là người đầu tiên biết khi chúng tôi xuất bản một bài đăng blog mới
Mỗi ngày một lần một tuần
Cập nhật
Tham gia cùng 200.000 nhà quản lý tiếp thị và đăng ký Doanh thu hàng tuần
Luôn kết nối với chúng tôi
Tuyển dụng WebFX
Tham gia sứ mệnh của chúng tôi để cung cấp các dịch vụ tiếp thị kỹ thuật số hàng đầu trong ngành cho các doanh nghiệp trên toàn cầu - đồng thời xây dựng kiến thức cá nhân của bạn và phát triển với tư cách cá nhân