استدلال برای Lily
Lily بخشهای دشوار را به شما میدهد — معناشناسی، دسترسپذیری، رفتار صفحهکلید، بینالمللیسازی — و ظاهر را کاملاً و با خوشحالی به شما وامیگذارد.
از طراحی خودتان شروع کنید
تیم شما از قبل میداند محصولتان باید چگونه به نظر برسد. Lily دقیقاً از همانجا شروع میکند: بخشهایی را فراهم میکند که واقعاً درست انجام دادنشان دشوار و دوبارهکاریشان گران است — عنصر معنایی درست، حالتهای ARIA، قرارداد صفحهکلید، مدیریت تمرکز — و هر تصمیم بصری را کاملاً و با شادی به شما وامیگذارد. CSS شما از روز اول ظاهر سامانهٔ طراحی است.
چون هر مؤلفه یک قلاب کلاس پایدار و ساختار خالص دارد، سبکدهی شما در هر ارتقا پاکیزه از آنِ شما میماند — و دسترسپذیری زیرین نسخه به نسخه به کار خود ادامه میدهد.
آنچه Lily تعهد میکند
- بهطور پیشفرض دسترسپذیر. WCAG 2.2 AAA هدف هر مؤلفه است. الگوها از WAI-ARIA Authoring Practices پیروی میکنند؛ هر مؤلفهٔ تعاملی با قراردادی مستند با صفحهکلید قابلاستفاده است؛ برنامههای نمونه خط پایهٔ axe-core پاکی را حفظ میکنند.
-
از بنیاد بینالمللیپذیر. هر رشتهٔ قابلمشاهده برای کاربر — هر برچسب، خطا و اعلان — ویژگیای با نامهای پایدار در سراسر چارچوبهاست، پس ترجمه طبیعی جریان مییابد. RTL و متن دوجهته از
dirشما به ارث میرسند. مؤلفههای آگاه به محلی، محلی را بهعنوان ویژگی میگیرند، همیشه بهصراحت. - یک فهرست، هشت چارچوب. همان ۵۷۱ مؤلفه (۵۳۶ مورد بهصورت Web Components بومی) با همان قلابهای کلاس و قراردادهای ویژگی در HTML، Svelte، React، Vue، Angular، Blazor، Nunjucks و Web Components. CSS شما و دانش تیمتان میان پشتهها منتقل میشود.
- مستقل از راهبرد CSS. یک کلاس kebab-case پایدار برای هر ریشهٔ مؤلفه. CSS معنایی، ابزارکهای Tailwind، CSS-in-JS، یا یکی از ۵۷ پوستهٔ آماده — Lily از همه استقبال میکند و با ظرافت کنار میرود.
- رایگان، برای همیشه، با شرایط شما. متنباز تحت انتخاب شما از BSD، MIT، Apache-2.0، GPL-2.0 یا GPL-3.0. بدون سطح حرفهای، بدون مجوز صندلی، بدون تلهمتری.
عمق در جایی که اهمیت دارد
فراتر از دکمهها و گفتوگوهای معمول، فهرست از بیشتر موارد دورتر میرود:
- الگوهای بخش عمومی پژوهششده از سامانههای طراحی NHS UK، GOV.UK، USWDS و ONS — خلاصههای خطا، کادرهای هشدار، فهرستهای خلاصه، بنرهای مرحله، پیوندهای پرش.
- ۱۴۰ مؤلفهٔ شناسهٔ شخصی ملی که شناسههای سلامت، کارت ملی، مالیات و گذرنامه را در بیش از ۵۰ کشور پوشش میدهند و هر کدام قالب و الگوریتم اعتبارسنجی خود را مستند میکند.
- عناصر پایهٔ ویراستاری و scrollytelling برگرفته از Reuters Graphics — چیدمان مقاله، اسکرولر، خط زمانی، نقشهٔ کاشیای.
-
یاریگرهای انتخابگر — بستههای کوچکی که یک تعامل را از ابتدا تا انتها در اختیار میگیرند: تعویض پوسته (با بارگذاری برگهٔ سبک در زمان اجرا)، زبان، اندازهٔ متن، کاهش حرکت، جستوجو، پیوندهای صفحه، اشتراکگذاری و ورود تاریخ و زمان. هر کدام دکمهٔ نمادی بدونسر است که پنجرهٔ بازشو باز میکند — نه
<select>بومی — با پایداری و ایمنی SSR داخلی.
پوستههای بخش عمومی، آمادهٔ استفاده
Lily ۵۷ پوستهٔ مرجع مستقل عرضه میکند که مستقیماً قلابهای کلاس آن را هدف میگیرند: 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.