Top 10 Framework CSS nhỏ gọn bạn nên biết
Top 10 Framework CSS nh g n b n nên bi tỏ ọ ạ ế
Trong nh ng năm tr l i đây, phát tri n web đã tr nên r t ph bi n. M i ữ ở ạ ể ở ấ ổ ế ỗ
năm l i có r t nhi u framework front-end đ c t o ra. Trong s đó ạ ấ ề ượ ạ ố
Bootstrap là m t trong nh ng framework n i ti ng nh t. Tuy nhiên, v trí ộ ữ ổ ế ấ ị
c a Bootstrap đang b thách th c b i r t nhi u framework khác mà có th ủ ị ứ ở ấ ề ể
b n ch a bao gi b n nghe tên chúng, tuy nhiên, các framework này r t ạ ư ờ ạ ấ
x ng đáng đ chúng ta th qua đ y.ứ ể ử ấ
Trong bài vi t này, chúng ta s tìm hi u v 10 framework nh g n và t t ế ẽ ể ề ỏ ọ ố
nh t hi n nay r t có ích cho các b n.ấ ệ ấ ạ
Spectre
Spectre là m t framework css m i, mi n phí và responsive. Nó cung ộ ớ ễ
c p các elegant element, flexbox-based, h th ng responsive layout vàấ ệ ố
các component CSS, các ti n ích, có th s a đ i b ng trình biên d ch ệ ể ử ổ ằ ị
Sass và Scss. Spectre th t s r t nh , khi nén l i ch n ng kho ng ậ ự ấ ẹ ạ ỉ ặ ả
10KB và h tr h u h t các trình duy tỗ ợ ầ ế ệ
Mustard UI
Mustard UI là m t framework r t nh và là framework CSS mã ngu nộ ấ ẹ ồ
m . Nó đ c chia ra thành các module, và b n có th l a ch n s ở ượ ạ ể ự ọ ử
d ng toàn b framework ho c ch m t ph n c a nó mà b n c n. ụ ộ ặ ỉ ộ ầ ủ ạ ầ
Mustard UI bao g m t t c các thành ph n c n thi t cho thi t k nhồ ấ ả ầ ầ ế ế ế ư
flexbox grid, button, table, form, card, và nhi u th khác n a. Các ề ứ ữ
thành ph n này đ u có th đ c tuỳ ch nh thông qua scss variable.ầ ề ể ượ ỉ
Bulma
Bulma là m t framework mã ngu n m , mi n phí và hi n đ i, đ c ộ ồ ở ễ ệ ạ ượ
xây d ng d a vào mô hình Flexbox layout. Bulma cung c p 1 h ự ự ấ ệ
th ng grid đ n gi n, responsive nav bars và các media linh ho t. M i ố ơ ả ạ ỗ
element trong Bulma đ u r t linh ho t và đ c t i u cho kích th c ề ấ ạ ượ ố ư ướ
màn hình nh , có th đ c tuỳ ch nh d dàng b ng cách s d ng các ỏ ể ượ ỉ ễ ằ ử ụ
class và variable b tr .ổ ợ
UI Kit
UI Kit là m t framework dành cho CSS và JavaScript r t tuy t v i, nóộ ấ ệ ờ
bao g m m t b SVG icon font và m t l ng l n các components. UIồ ộ ộ ộ ượ ớ
Kit đ c thi t k r t t t, c v giao di n l n cách s d ng, v i styleượ ế ế ấ ố ả ề ệ ẫ ử ụ ớ
th ng nh t, các API d nh , nhi u tuỳ ch n ch nh s a và các class bố ấ ễ ớ ề ọ ỉ ử ổ
tr h u íchợ ữ
TentCSS
TentCSS là m t framework đ n gi n và r t d s d ng, nó cung c p ộ ơ ả ấ ễ ử ụ ấ
các thành ph n c b n và thi t y u nh t đ xây d ng lên m t trang ầ ơ ả ế ế ấ ể ự ộ
responsive nó c c kỳ nh (khi nén l i ch n ng 5kb), theo chu n BEMự ẹ ạ ỉ ặ ẩ
và là m t grid flexbox hi n đ i đ b c c layoutộ ệ ạ ể ố ụ
MaterializeCSS
MaterializeCSS là m t framework responsive d a trên thi t k ộ ự ế ế
Material Design. MaterializeCSS r t d s d ng, đ c bi t đ i v i ấ ễ ử ụ ặ ệ ố ớ
nh ng ng i đã t ng làm qua các framework t ng t nh Bootstrap.ữ ườ ừ ươ ự ư
MaterializeCSS có s n các m u template đ các b n l a ch n, giúp ẵ ẫ ể ạ ự ọ
chúng ta design đ n gi n h n và đ t n th i gian h n.ơ ả ơ ỡ ố ờ ơ
Foundation
Zurb Foundation là m t framework r t ph bi n đ chúng ta xây ộ ấ ổ ế ể
d ng lên các trang web và ng d ng responsive. Zurb Foundation bao ự ứ ụ
g m các module và các component r t linh ho t, có th tuỳ ch nh ồ ấ ạ ể ỉ
đ c toàn b . Các b n có th s d ng đ thi t k các trang web ượ ộ ạ ể ử ụ ể ế ế
responsive tuy t v i trên m i thi t bệ ờ ọ ế ị
Semantic UI
Semantic là m t framework front-end giúp t o các layout responsive ộ ạ
đ p, s d ng HTML thân thi n v i con ng i. Semantic có kh năng ẹ ử ụ ệ ớ ườ ả
tuỳ bi n cao, v i h n 3000 CSS variable mà các b n có th tuỳ ch nh.ế ớ ơ ạ ể ỉ
Semantic là framework responsive cao vì nó đ c xây d ng hoàn toàn ượ ự
v iớ ‘em’
Base
có thể bạn quan tâm
Biết mình biết ta trong kinh doanh
0
670
4
Nghệ thuật sống
(New)
Nghị luận: Vì sao học để biết? Học để biết co ý nghĩa gì?
2
593
311
Tài liệu, đề thi môn Ngữ Văn
2
(New)
Khảo sát và phân tích định lượng để tìm hiểu sự khác biệt của các yếu...
104
992
699
Thạc sĩ cao học
104
(New)
Khi 20 tôi biết gì
131
666
350
Sách kinh tế hay
131
(New)
Phân biệt Used to,Get used to và Be used to
2
758
334
Tài liệu học tiếng Anh khác
2
(New)
Hóa đơn xóa bỏ và hóa đơn hủy kế toán mới cần biết
2
531
269
Kế toán, kiểm toán
2
(New)
Tìm hiểu về câu đặc biệt
2
606
321
Giáo án, bài giảng lớp 7
2
(New)
Sự thật về que thử ung thư mà bạn nên biết
4
577
261
Bệnh thường gặp
4
(New)
thông tin tài liệu
Trong những năm trở lại đây, phát triển web đã trở nên rất phổ biến. Mỗi năm lại có rất nhiều framework front-end được tạo ra. Trong số đó Bootstrap là một trong những framework nổi tiếng nhất. Tuy nhiên, vị trí của Bootstrap đang bị thách thức bởi rất nhiều framework khác mà có thể bạn chưa bao giờ bạn nghe tên chúng, tuy nhiên, các framework này rất xứng đáng để chúng ta thử qua đấy. Trong bài viết này, chúng ta sẽ tìm hiểu về 10 framework nhỏ gọn và tốt nhất hiện nay rất có ích cho các bạn.
Mở rộng để xem thêm
từ khóa liên quan
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
xem nhiều trong tuần
4 đề thi học sinh giỏi Toán lớp 2, có đáp án kèm theo
Hướng dẫn tự học Access
BIỂU MẪU ĐỀ NGHỊ NHẬP KHẨU THUỐC CHƯA CÓ GIẤY ĐĂNG KÝ LƯU HÀNH THUỐC TẠI VIỆT NAM KHÔNG VÌ MỤC ĐÍCH THƯƠNG MẠI
Giáo trình Quản trị học của Đại học kinh tế quốc dân
Trắc nghiệm Hóa học 10 bài 2: Hạt nhân nguyên tử. Nguyên tố hóa học. Đồng vị
Toán nâng cao bồi dưỡng học sinh giỏi toán lớp 2: Bài toán về nhiều hơn, ít hơn
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
