الحجة لصالح Lily

ابدأ من تصميمك

فريقك يعرف أصلًا كيف ينبغي أن يبدو منتجك. وينطلق Lily من هذه النقطة بالذات: فهو يوفّر ما يصعب إتقانه ويكلّف إعادته — العنصر الدلالي الصحيح وحالات ARIA وعقد لوحة المفاتيح وإدارة التركيز — ويترك كل قرار مرئي لك تمامًا وبكل سرور. إن CSS الخاص بك هو مظهر نظام التصميم منذ اليوم الأول.

ولأن كل مكوّن يحمل فئة ربط ثابتة وبنية خالصة، يبقى تنسيقك ملكك عبر كل ترقية، وتواصل إمكانية الوصول الكامنة تحته العمل، إصدارًا بعد إصدار.

ما يلتزم به Lily

• قابل للوصول افتراضيًا. WCAG 2.2 AAA هو الهدف لكل مكوّن. وتتبع الأنماط ممارسات تأليف WAI-ARIA؛ وكل مكوّن تفاعلي يمكن تشغيله بلوحة المفاتيح وفق عقد موثّق؛ وتحافظ تطبيقات الأمثلة على خط أساس نظيف لـ axe-core.
• قابل للتدويل بحكم البناء. كل سلسلة نصية ظاهرة للمستخدم — كل تسمية وخطأ وإعلان — هي خاصية بأسماء ثابتة عبر أطر العمل، فتنساب الترجمة بطبيعية. وترث الكتابة من اليمين إلى اليسار والنصوص ثنائية الاتجاه من dir لديك. وتأخذ المكوّنات الواعية بالإعدادات المحلية اللغة كخاصية، وبشكل صريح دائمًا.
• فهرس واحد، ثمانية أطر عمل. المكوّنات نفسها وعددها 571 (منها 536 بصيغة Web Components الأصلية) بفئات الربط واصطلاحات الخصائص نفسها في HTML وSvelte وReact وVue وAngular وBlazor وNunjucks وWeb Components. وينتقل CSS الخاص بك ومعرفة فريقك بين التقنيات.
• محايد تجاه استراتيجية CSS. فئة kebab-case ثابتة واحدة لكل جذر مكوّن. CSS دلالي أو أدوات Tailwind أو CSS-in-JS أو أحد 45 سمة جاهزة — يرحب Lily بها جميعًا ويبقى بلطف بعيدًا عن الطريق.
• مجاني، إلى الأبد، وبشروطك. مفتوح المصدر بترخيص تختاره من BSD أو MIT أو Apache-2.0 أو GPL-2.0 أو GPL-3.0. لا مستوى مدفوعًا، ولا تراخيص لكل مقعد، ولا قياس عن بُعد.

عمق حيث يهم

إلى جانب الأزرار والحوارات المعتادة، يمتد الفهرس أبعد من معظم الفهارس:

• أنماط القطاع العام المدروسة من أنظمة تصميم NHS UK وGOV.UK وUSWDS وONS — ملخصات الأخطاء ومربعات التحذير وقوائم الملخصات وشرائط المرحلة وروابط التخطي.
• 140 مكوّنًا لمعرّفات الأشخاص الوطنية تغطي معرّفات الرعاية الصحية والهوية الوطنية والضرائب وجوازات السفر في أكثر من 50 بلدًا، ويوثّق كل منها صيغته وخوارزمية التحقق منه.
• عناصر تحريرية وللسرد بالتمرير مقتبسة من Reuters Graphics — تخطيطات المقالات والمُمرِّرات والخطوط الزمنية وخرائط البلاط.
• مساعدو الانتقاء — حزم صغيرة تملك كل منها تفاعلًا واحدًا من طرفه إلى طرفه: تبديل السمة (مع تحميل ورقة الأنماط وقت التشغيل) واللغة وحجم النص وتقليل الحركة والبحث وروابط الصفحات والمشاركة وإدخال التاريخ والوقت. وكل منها زر أيقونة headless يفتح نافذة منبثقة — وليس <select> أصليًا — مع حفظ للحالة وأمان للعرض على الخادم مدمجين.

سمات للقطاع العام، جاهزة للاستخدام

يضم Lily 45 سمة مرجعية قائمة بذاتها تستهدف فئات الربط فيه مباشرة: NHS England وNHS Scotland وNHS Wales (كل منها بنسخ للمرضى وللممارسين)، وGOV.UK وUSWDS، ولوحات ألوان مستوحاة من Adobe Spectrum وMozilla Protocol، ومجموعة من السمات الفاتحة والداكنة العامة. اربط ورقة أنماط واحدة فيظهر مظهر بمستوى حكومي؛ ويبدّلها المساعد theme-picker وقت التشغيل.

كيف يُقارَن Lily

نحتفظ بمقارنة صادقة، مكوّنًا بمكوّن، مع أنظمة تصميم أخرى — منسّقة وheadless، تجارية وحكومية. وحيث تناسبك مكتبة أخرى أكثر، ستُظهر المقارنة ذلك؛ فـ Lily يتعلم من الجميع ويذكر مصادر إلهامه علنًا.

من يقف وراءه

Lily مشروع مفتوح المصدر مستقل وفتيّ يرحب بالتعاون والإرشاد والملاحظات — راجع حول المشروع لمعرفة القصة ومصادر الإلهام. وكل شيء — المواصفة والاختبارات وخارطة الطريق وحتى أدوات التدقيق — مفتوح على github.com/LilyDesignSystem.

ساعد Lily على النمو

إذا كان Lily مفيدًا لك، فأثمن ما يمكنك فعله:

• ضع نجمة وشارك. ضع نجمة للمستودع الرئيسي وأرِ زميلًا الفهرس — الوعي أندر مورد لدى المشروع الناشئ.
• ابنِ شيئًا وأخبرنا. تقارير الاستخدام الفعلي — ما نجح وما يمكن أن يكون أسلس — ترسم خارطة الطريق أكثر من أي شيء آخر.
• دقّق في إمكانية الوصول. إن الاختبارات بقارئات الشاشة (VoiceOver وNVDA وJAWS) على تطبيقات الأمثلة لا تُقدَّر بثمن؛ فسجّل ما تجده.
• ساهم بسمة أو ترجمة. كلتاهما مساهمة أولى مستقلة ومحددة النطاق جيدًا.
• شارك ما تجده، مع إعادة إنتاج مصغّرة، في المستودع المعني، أو راسل joel@joelparkerhenderson.com.