הטיעון בעד Lily

התחילו מהעיצוב שלכם

הצוות שלכם כבר יודע איך המוצר צריך להיראות. Lily מתחילה בדיוק משם: היא מספקת את החלקים שקשה באמת לעשות נכון ויקר לעשות מחדש — האלמנט הסמנטי הנכון, מצבי ARIA, חוזה המקלדת, ניהול המיקוד — ומשאירה כל החלטה חזותית כולה, בשמחה, בידיכם. ה-CSS שלכם הוא המראה של מערכת העיצוב, מהיום הראשון.

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

למה Lily מתחייבת

• נגישה כברירת מחדל. WCAG 2.2 AAA הוא היעד לכל רכיב. התבניות עוקבות אחר WAI-ARIA Authoring Practices; כל רכיב אינטראקטיבי ניתן להפעלה במקלדת לפי חוזה מתועד; אפליקציות הדוגמה שומרות על קו בסיס נקי של axe-core.
• ניתנת לבינאום מעצם תכנונה. כל מחרוזת שהמשתמש רואה — כל תווית, שגיאה והודעה — היא מאפיין בשם יציב בין מסגרות, כך שהתרגום זורם באופן טבעי. RTL וטקסט דו-כיווני מועברים בירושה מה- dirשלכם. רכיבים המודעים לאזור שפה מקבלים את האזור כמאפיין, תמיד במפורש.
• קטלוג אחד, שמונה מסגרות. אותם 571 רכיבים (536 כ-Web Components מקוריים) עם אותם ווי מחלקה ומוסכמות מאפיינים ב-HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks ו-Web Components. ה-CSS שלכם והידע של הצוות עוברים בין סביבות.
• אדישה לאסטרטגיית CSS. מחלקת kebab-case יציבה אחת לכל שורש רכיב. CSS סמנטי, כלי עזר של Tailwind, CSS-in-JS, או אחת מ-57 ערכות הנושא המוכנות — Lily מקבלת את כולן ויוצאת מהדרך בחן.
• חינם, לנצח, בתנאים שלכם. קוד פתוח לפי בחירתכם: BSD, MIT, Apache-2.0, GPL-2.0 או GPL-3.0. ללא שכבת פרו, ללא רישיונות מושבים, ללא טלמטריה.

עומק במקום שחשוב

מעבר לכפתורים ולדיאלוגים הרגילים, הקטלוג מגיע רחוק יותר מרוב האחרים:

• תבניות למגזר הציבורי שנחקרו במערכות העיצוב של NHS UK, GOV.UK, USWDS ו-ONS — סיכומי שגיאות, תיבות אזהרה, רשימות סיכום, באנרי שלב, קישורי דילוג.
• 140 רכיבי מזהים אישיים לאומיים המכסים מזהי בריאות, תעודת זהות לאומית, מס ודרכון ביותר מ-50 מדינות, שכל אחד מהם מתעד את הפורמט ואת אלגוריתם האימות שלו.
• אבני בניין לעריכה ולסיפורי גלילה מותאמים מ-Reuters Graphics — פריסות מאמרים, גלילות, צירי זמן, מפות אריחים.
• עוזרי בחירה — חבילות קטנות שכל אחת מהן מחזיקה באינטראקציה אחת מקצה לקצה: החלפת ערכת נושא (עם טעינת גיליונות סגנון בזמן ריצה), שפה, גודל טקסט, תנועה מופחתת, חיפוש, קישורי עמודים, שיתוף והזנת תאריך ושעה. כל אחד הוא כפתור אייקון ללא ראש שפותח חלונית — לא <select> מקורי — עם עמידות ובטיחות SSR מובנות.

ערכות נושא למגזר הציבורי, מוכנות מהקופסה

Lily כוללת 57 ערכות ייחוס עצמאיות שמכוונות ישירות אל ווי המחלקה שלה: NHS England, NHS Scotland ו-NHS Wales (כל אחת בגרסאות למטופלים ולאנשי מקצוע), GOV.UK, USWDS, פלטות בהשראת Adobe Spectrum ו-Mozilla Protocol, ומערך ערכות בהירות וכהות לשימוש כללי. קשרו גיליון סגנון אחד ומראה ברמה ממשלתית פועל; העוזר theme-picker מחליף ביניהן בזמן ריצה.

איך Lily משתווה

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

מי עומד מאחורי הפרויקט

Lily היא פרויקט קוד פתוח צעיר ועצמאי שמקבל בברכה שיתוף פעולה, הכוונה ומשוב — ראו אודות לסיפור ולהשראות. הכול — המפרט, הבדיקות, מפת הדרכים, אפילו כלי הביקורת — פתוח ב- github.com/LilyDesignSystem.

עזרו ל-Lily לצמוח

אם Lily שימושית לכם, הדברים היקרים ביותר שאפשר לעשות:

• תנו כוכב ושתפו. תנו כוכב ל מאגר הראשי והראו לעמית את הקטלוג — מודעות היא המשאב הנדיר ביותר של פרויקט צעיר.
• בנו משהו וספרו לנו. דיווחי שימוש בעולם האמיתי — מה עבד, מה יכול היה להיות חלק יותר — מעצבים את מפת הדרכים יותר מכל דבר אחר.
• בצעו ביקורת נגישות. מעברים עם קוראי מסך (VoiceOver, NVDA, JAWS) על אפליקציות הדוגמה שווים זהב; דווחו על מה שמצאתם.
• תרמו ערכת נושא או תרגום. שניהם תרומות ראשונות עצמאיות ומוגדרות היטב.
• שתפו את מה שמצאתם, עם שחזור מינימלי, במאגר GitHub, או שלחו מייל אל joel@joelparkerhenderson.com.