Nhanh nhu chop
Thiet ke va tuy chinh giao dien responsive trong vai phut. Bien CSS goc, cac lop dinh nghia san, luoi 12 cot bao phu moi phan tu HTML ngu nghia.
Translation note (2026-04-30). v2.0.0 adds RTL support and a refreshed 2026 framework comparison. The English source is the canonical reference while these translations catch up. See https://skeletonic.io/about/ · https://skeletonic.io/components/ · https://skeletonic.io/benchmarks/.
- Version
- 2.0.0
- Gzip
- 7.7 KB
- Brotli
- 6.7 KB
- License
- MIT or Apache-2.0
- Standard
- WCAG 2.2 AA
Tom tat ngan gon
Skeletonic Stylus la thu vien CSS Stylus ma nguon mo, danh cho viec tao kieu giao dien tro nang, nhanh va mo-dun.
Ra doi nam 2018 nhu mot thi nghiem ca nhan trong viec giao it CSS hon ma khong mat di su tien loi cua mot thu vien component thuc thu. Tam nam sau, muc tieu van khong thay doi.
Nhung gi ban nhan duoc
Nhe
8,3 KB gzip. Trang tai nhanh hon. Moi thanh phan thiet yeu deu duoc giu lai.
Thiet ke responsive
Duoc tao cho may tinh va di dong. Bo cuc thich ung voi moi thiet bi. Toi uu cho cam ung, HTML ngu nghia xuyen suot.
Tro nang
WCAG 2.2 duoc tich hop: vong focus-visible, do tuong phan AA, tro giup skip-link, thanh phan than thien ban phim, ho tro giam chuyen dong — khong can stylesheet bo sung, khong can aria-* mau.
Thu vien thanh phan
Cac thanh phan CSS mo-dun va Stylus mixin. Nut bam, bieu mau, the, canh bao, huy hieu, bang mau va hieu ung dong — sach se, mo-dun, san sang su dung.
Mien phi va ma nguon mo
Duoc thiet ke, xay dung va bao tri boi Sebastien Rousseau. Cap phep kep theo MIT hoac Apache 2.0. Khong phi, khong chi phi ban quyen, ke ca cho muc dich thuong mai.
So sanh
Mot stylesheet tu luu tru duy nhat bao gom typography, nut bam, bieu mau, the, bang, bang mau, hieu ung dong va cac lop tien ich. Khong JavaScript. Khong can buoc build. Khong phu thuoc Bootstrap, Tailwind hay Bulma.
| Tinh nang | Skeletonic Stylus | Bootstrap 5 | Tailwind CSS | Bulma |
|---|---|---|---|---|
| Kich thuoc gzip | 8,3 KB | ~30 KB | ~10 KB (varies) | ~30 KB |
| Tuan thu WCAG 2.2 | Tich hop | Mot phan | Thu cong | Mot phan |
| Cascade layers | Co (@layer) |
Khong | Khong | Khong |
| Che do toi | prefers-color-scheme |
Tuy chon | Dua tren class | Tuy chon |
| Can JavaScript | Khong | Co (Popper) | Khong | Khong |
| CycloneDX SBOM | Co | Khong | Khong | Khong |
| Giam chuyen dong | Duoc ton trong | Mot phan | Thu cong | Mot phan |
| Giay phep | MIT hoac Apache 2.0 | MIT | MIT | MIT |
Nguyen tac
- Tro nang la nen tang, khong phai tran nha. Tuan thu WCAG 2.2 duoc tich hop vao moi thanh phan, khong bao gio duoc gan them nhu mot "chu de".
- Byte rat quan trong. Mot stylesheet duoc giao khong nen vuot qua ngan sach trong luong trang. Gioi han 8 KB gzip duoc thuc thi trong CI.
- Cascade layers thang cuoc chien do uu tien. Ghi de bat cu dieu gi
voi su tu tin — khong
!important, khong thu thuat thu tu DOM. - Stylus van tot. Ngan gon, bieu cam va cho phep thu vien nam trong ~3.000 dong doc duoc.
- Don gian la mot tinh nang. Khong phu thuoc JS. Khong phep mau build-time. Khong doi ten gay lo. Cac lop CSS lam dung nhung gi chung noi.
- Tuy chinh giao dien trong vai giay. Thuoc tinh CSS tuy chinh goc cho mau sac, khoang cach, chu va bo tron.
- Chuoi cung ung duoc gia co. npm provenance duoc ky. Cap nhat Dependabot duoc ghim. CVE-2023-44270 duoc va qua overrides.
Phien ban & semver
Skeletonic Stylus tuan theo Semantic Versioning 2.0.
| Tang | Khi nao | Vi du |
|---|---|---|
| Major | Xoa hoac doi ten mot lop cong khai, mixin, hoac token | 1.x → 2.0 |
| Minor | Them thanh phan, mixin, hoac token moi | 1.1 → 1.2 |
| Patch | Sua loi, cai thien a11y, hieu suat, bao mat | 1.1.6 → 2.0.0 |
Tat ca ten lop cong khai, tat ca thuoc tinh CSS tuy chinh, va tat ca Stylus mixin duoc xuat la mot phan cua API cong khai. Mot thay doi khong tuong thich se nhan mot tang major va huong dan di chuyen.
Quan ly du an
Skeletonic Stylus duoc thiet ke, xay dung va bao tri boi Sebastien Rousseau. Cap phep kep theo MIT va Apache 2.0.
Van de, y tuong va dong gop deu duoc chao don — xem huong dan dong gop.