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

בקצרה

Skeletonic Stylus היא ספריית CSS קוד פתוח מבוססת Stylus שנבנתה כדי להפוך עיצוב ממשקים נגיש, מהיר ומודולרי.

נולדה ב-2018 כניסוי אישי בשליחת פחות CSS מבלי לוותר על הארגונומיה של ספריית רכיבים אמיתית. שמונה שנים אחר כך, המטרה לא השתנתה.

מה היא מספקת

ברק

מהירה כברק

עצבו והתאימו אישית ממשקים רספונסיביים תוך דקות. משתני CSS מקוריים, מחלקות מוגדרות מראש, רשת 12 עמודות המכסה כל אלמנט HTML סמנטי.

נוצה

קלת משקל

כ-7.7 KB בדחיסת gzip. הדפים נטענים מהר יותר. כל אבן בניין חיונית נשארת.

מכשירים רספונסיביים

עיצוב רספונסיבי

מעוצב לשולחן עבודה ולנייד. הפריסות מתאימות לכל מכשיר. מותאם למגע, HTML סמנטי לאורך כל הדרך.

נגישות

נגישות

WCAG 2.2 מובנה: טבעות focus-visible, ניגודיות AA, קישורי דילוג, רכיבים ידידותיים למקלדת, תמיכה בתנועה מופחתת — ללא גיליון סגנונות נוסף, ללא תבנית aria-* מיותרת.

בלוקי רכיבים

ספריית רכיבים

רכיבי CSS מודולריים ומיקסינים של Stylus. כפתורים, טפסים, כרטיסים, התראות, תגיות, פלטות ואנימציות — נקיים, מודולריים, מוכנים לשילוב.

סמל GitHub

חינמי וקוד פתוח

מעוצב, נבנה ומתוחזק על ידי Sebastien Rousseau. רישיון כפול תחת MIT או Apache 2.0. ללא עלויות, גם לשימוש מסחרי.

השוואה

גיליון סגנונות יחיד באחסון עצמי מכסה טיפוגרפיה, כפתורים, טפסים, כרטיסים, טבלאות, פלטות, אנימציות ומחלקות שירות. אפס JavaScript. ללא שלב בנייה. ללא תלויות עמיתים ב-Bootstrap, Tailwind או Bulma.

תכונה Skeletonic Stylus Bootstrap 5 Tailwind CSS Bulma
גודל gzip כ-7.7 KB כ-30 KB כ-10 KB (varies) כ-30 KB
תאימות WCAG 2.2 מובנית חלקית ידנית חלקית
שכבות קסקייד כן (@layer) לא לא לא
מצב כהה prefers-color-scheme הצטרפות מבוסס מחלקה הצטרפות
נדרש JavaScript לא כן (Popper) לא לא
SBOM מסוג CycloneDX כן לא לא לא
תנועה מופחתת נכבדת חלקית ידנית חלקית
רישיון MIT או Apache 2.0 MIT MIT MIT

עקרונות

  1. נגישות היא הרצפה, לא התקרה. תאימות WCAG 2.2 מוטמעת בכל רכיב, לעולם לא מוברגת כ"ערכת נושא".
  2. בתים חשובים. גיליון סגנונות בודד שנשלח לא צריך לפוצץ את תקציב משקל הדף. תקרת 8 KB בדחיסת gzip נאכפת ב-CI.
  3. שכבות קסקייד מנצחות מלחמות ספציפיות. דרסו כל דבר בביטחון — ללא !important, ללא טריקים של סדר DOM.
  4. Stylus עדיין טוב. תמציתי, אקספרסיבי, ומאפשר לספרייה להישאר בכ-3,000 שורות קריאות.
  5. שעמום הוא תכונה. אפס תלויות JS. אפס קסם בזמן בנייה. אפס שינויי שמות שוברים. מחלקות CSS שעושות בדיוק מה שהן אומרות.
  6. התאמה אישית תוך שניות. משתני CSS מקוריים לצבעים, ריווח, טיפוגרפיה ורדיוסים.
  7. שרשרת אספקה מוקשחת. מקוריות npm חתומה. עדכוני Dependabot נעוצים. CVE-2023-44270 תוקנה דרך overrides.

ניהול גרסאות ו-semver

Skeletonic Stylus פועלת לפי ניהול גרסאות סמנטי 2.0.

קפיצה מתי דוגמה
מג'ורית הסרה או שינוי שם של מחלקה, מיקסין או טוקן ציבורי 1.x ← 2.0
מינורית הוספת רכיב, מיקסין או טוקן חדש 1.1 ← 1.2
טלאי תיקוני באגים, שיפורי נגישות, ביצועים, אבטחה 1.1.6 ← 2.0.0

כל שמות המחלקות הציבוריים, כל משתני ה-CSS המותאמים אישית וכל מיקסיני Stylus המיוצאים הם חלק מה-API הציבורי. שינוי שובר זוכה לקפיצה מג'ורית ומדריך מעבר.

ניהול הפרויקט

Skeletonic Stylus מעוצב, נבנה ומתוחזק על ידי Sebastien Rousseau. רישיון כפול תחת MIT ו-Apache 2.0.

בעיות, רעיונות ותרומות מוזמנים — ראו את מדריך התרומה.