Sauri kamar walƙiya
Tsara kuma keɓance ƙirar amsa a cikin mintuna. CSS variables na asali, azuzuwan da aka riga aka bayyana, tsarin ginshiƙi 12 da ya rufe kowane HTML element.
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
Taƙaitaccen bayani
Skeletonic Stylus dakin karatu ne na CSS na Stylus mai buɗewa don tsarin bayyanar yanar gizo mai saukin amfani, sauri, da tsari.
An haife shi a shekarar 2018 a matsayin gwaji na sirri kan aika ƙaramin CSS ba tare da rasa sauƙin amfani da dakin karatu na gaske ba. Bayan shekaru takwas, burin bai canza ba.
Abin da yake ba ku
Mai saukin nauyi
7.7 KB gzipped. Shafukan suna lodi da sauri. Kowane ginshiƙi mai mahimmanci yana nan.
Ƙirar amsa
An tsara shi don kwamfuta da wayar hannu. Tsarin yana daidaita da kowace na'ura. An inganta shi don taɓawa, HTML mai ma'ana a ko'ina.
Samun dama
WCAG 2.2 an gina shi a ciki: zoben focus-visible, bambancin AA, taimakon skip-link, abubuwan da ke aiki da maɓalli, tallafin rage motsi — babu ƙarin stylesheet, babu sakewar aria-*.
Dakin karatu na abubuwan hadi
Abubuwan hadi na CSS masu tsari da Stylus mixins. Maballin, sifofi, katunan, faɗakarwa, alamomi, launuka da motsin rai — tsabta, masu tsari, shirye don saka.
Kyauta & mai buɗewa
Sebastien Rousseau ne ya tsara, gina, kuma yana kula da shi. An ba da lasisin biyu a ƙarƙashin MIT ko Apache 2.0. Babu kuɗi, babu kuɗin lasisi, ko ma don amfanin kasuwanci.
Yadda yake kwatanta
Takarda ɗaya ta stylesheet da aka saukar ta rufe typography, maballin, sifofi, katunan, teburi, launuka, motsin rai da azuzuwan amfani. Babu JavaScript. Babu buƙatar matakin gini. Babu abubuwan dogaro na takwarorin Bootstrap, Tailwind ko Bulma.
| Fasali | Skeletonic Stylus | Bootstrap 5 | Tailwind CSS | Bulma |
|---|---|---|---|---|
| Girman gzipped | 7.7 KB | ~30 KB | ~10 KB (varies) | ~30 KB |
| Daidaiton WCAG 2.2 | An gina shi a ciki | Wani ɓangare | Da hannu | Wani ɓangare |
| Cascade layers | Eh (@layer) |
A'a | A'a | A'a |
| Yanayin dare | prefers-color-scheme |
Zaɓi | Na aji | Zaɓi |
| Ana buƙatar JavaScript | A'a | Eh (Popper) | A'a | A'a |
| CycloneDX SBOM | Eh | A'a | A'a | A'a |
| Rage motsi | An mutunta shi | Wani ɓangare | Da hannu | Wani ɓangare |
| Lasisi | MIT ko Apache 2.0 | MIT | MIT | MIT |
Ka'idoji
- Samun dama ita ce ƙasa, ba saman ba. Daidaiton WCAG 2.2 an gina shi a cikin kowane abun hadi, ba a liƙa shi ba a matsayin "jigo".
- Bytes suna da mahimmanci. Takarda ɗaya ta stylesheet da aka aika ba za ta ƙara nauyi a shafin ku ba. An tilasta iyakar 8 KB gzipped a CI.
- Cascade layers sun fi yaƙin specificity. Ku soke komai cikin kwarin gwiwa — babu
!important, babu dabaru na tsarin DOM. - Stylus har yanzu yana da kyau. Taƙaitacce, mai iya bayyana, kuma yana ba da damar dakin karatu ya kasance a cikin ~3,000 layukan da ake iya karantawa.
- Gundura fasali ne. Babu abubuwan dogaro na JS. Babu sihiri na gini. Babu sake sunan da ke karye. Azuzuwan CSS da ke yin ainihin abin da suke faɗa.
- Ana iya canza yanayi a cikin daƙiƙu. CSS custom properties na asali don launuka, tazara, rubutu da radii.
- An taurara sarkar samar da kayayyaki. Tabbacin npm da aka sanya hannu. Sabuntawar Dependabot da aka ƙulla. An gyara CVE-2023-44270 ta hanyar overrides.
Tsarin sigar & semver
Skeletonic Stylus yana bin Semantic Versioning 2.0.
| Ƙaruwa | Lokacin | Misali |
|---|---|---|
| Babba | Cire ko sake suna na aji, mixin, ko alamar jama'a | 1.x → 2.0 |
| Ƙarami | Ƙara sabon abun hadi, mixin, ko alama | 1.1 → 1.2 |
| Gyara | Gyaran kurakurai, inganta a11y, aiki, tsaro | 1.1.6 → 2.0.0 |
Duk sunayen azuzuwan jama'a, duk CSS custom properties, da duk Stylus mixins da aka fitar wani ɓangare ne na API na jama'a. Canjin da ke karye yana samun ƙaruwar babba da jagorar ƙaura.
Kulawa
Sebastien Rousseau ne ya tsara, gina, kuma yana kula da Skeletonic Stylus Sebastien Rousseau. An ba da lasisin biyu a ƙarƙashin MIT da Apache 2.0.
Matsaloli, ra'ayoyi, da gudummawar da ake maraba da su — duba jagorar gudummawa.