Skeletonic Stylus

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

Kisa ozet

Skeletonic Stylus, erisilebilir, hizli ve moduler arayuz stillemesi icin olusturulmus acik kaynakli bir Stylus CSS kutuphanesidir.

2018'de, gercek bir bilesen kutuphanesinin ergonomisinden vazgecmeden daha az CSS gondermek uzerine kisisel bir deney olarak dogdu. Sekiz yil sonra hedef degismedi.

Size ne saglar

Yildirim

Son derece hizli

Duyarli arayuzleri dakikalar icinde tasarlayin ve ozellestirin. Yerel CSS degiskenleri, onceden tanimlanmis siniflar, her semantik HTML ogesini kapsayan 12 sutunlu izgara.

Tuy

Hafif

8,3 KB gzipped. Sayfalar daha hizli yuklenir. Tum temel yapi taslari yerinde kalir.

Duyarli cihazlar

Duyarli tasarim

Masaustu ve mobil icin ozenle hazirlanmistir. Duzenler her cihaza uyum saglar. Dokunmatik optimize, bastan sona semantik HTML.

Erisilebilirlik simgesi

Erisilebilirlik

WCAG 2.2 yerlesik: focus-visible halkalari, AA kontrast, atlama baglantisi yardimcilari, klavye dostu bilesenler, azaltilmis hareket destegi — ekstra stil sayfasi yok, aria-* sablonu yok.

Bilesen bloklari

Bilesen kutuphanesi

Moduler CSS bilesenleri ve Stylus mixin'leri. Butonlar, formlar, kartlar, uyarilar, rozetler, paletler ve animasyonlar — temiz, moduler, kullanima hazir.

GitHub logosu

Ucretsiz ve acik kaynak

Sebastien Rousseau tarafindan tasarlanmis, gelistirilmis ve bakimi yapilmaktadir. MIT veya Apache 2.0 cift lisansli. Ticari kullanim dahil ucret yok, lisans maliyeti yok.

Nasil karsilastirilir

Tek bir barindirilan stil sayfasi tipografi, butonlar, formlar, kartlar, tablolar, paletler, animasyonlar ve yardimci siniflari kapsar. JavaScript yok. Derleme adimi gerekmez. Bootstrap, Tailwind veya Bulma'ya bagimlilik yok.

Ozellik Skeletonic Stylus Bootstrap 5 Tailwind CSS Bulma
Gzipped boyut 8,3 KB ~30 KB ~10 KB (varies) ~30 KB
WCAG 2.2 uyumlulugu Yerlesik Kismi Manuel Kismi
Cascade layers Evet (@layer) Hayir Hayir Hayir
Karanlik mod prefers-color-scheme Istege bagli Sinif tabanli Istege bagli
JavaScript gerekli Hayir Evet (Popper) Hayir Hayir
CycloneDX SBOM Evet Hayir Hayir Hayir
Azaltilmis hareket Desteklenir Kismi Manuel Kismi
Lisans MIT veya Apache 2.0 MIT MIT MIT

Ilkeler

  1. Erisilebilirlik taban, tavan degil. WCAG 2.2 uyumlulugu her bilesene yerlesiktir, asla bir "tema" olarak sonradan eklenmez.
  2. Baytlar onemlidir. Tek gonderilen stil sayfasi sayfa agirligi butcenizi asmamaldir. 8 KB gzipped tavani CI'da zorunlu kilindi.
  3. Cascade layer'lar ozgunluk savaslarini yener. Herhangi bir seyi guvenle gecersiz kilin — !important yok, DOM sirasi hileleri yok.
  4. Stylus hala iyidir. Ozlu, ifadeli ve kutuphanenin ~3.000 okunabilir satirda kalmasini saglar.
  5. Sikici olmak bir ozelliktir. JS bagimliligi yok. Derleme zamani sihri yok. Kirici yeniden adlandirma yok. Tam olarak soylediklerini yapan CSS siniflari.
  6. Saniyeler icinde temalayin. Renkler, bosluklar, yazi tipi ve yaricap icin yerel CSS ozel ozellikleri.
  7. Tedarik zinciri guclenmis. Imzali npm provenance. Sabitlenmis Dependabot guncellemeleri. CVE-2023-44270 override'lar ile yamali.

Surumleme ve semver

Skeletonic Stylus, Semantik Surumleme 2.0 standartlarini takip eder.

Artis Ne zaman Ornek
Major Genel bir sinifi, mixin'i veya token'i kaldirma veya yeniden adlandirma 1.x → 2.0
Minor Yeni bir bilesen, mixin veya token ekleme 1.1 → 1.2
Patch Hata duzeltmeleri, a11y iyilestirmeleri, performans, guvenlik 1.1.6 → 2.0.0

Tum genel sinif adlari, tum CSS ozel ozellikleri ve tum ihrac edilen Stylus mixin'leri genel API'nin parcasidir. Kirici bir degisiklik major artis ve bir gecis rehberi gerektirir.

Yonetim

Skeletonic Stylus, Sebastien Rousseau tarafindan tasarlanmis, gelistirilmis ve bakimi yapilmaktadir. MIT ve Apache 2.0 cift lisanslidir.

Sorunlar, fikirler ve katkilar memnuniyetle karsilanir — katki rehberine bakin.