Lily-র পক্ষে যুক্তি

আপনার নকশা থেকে শুরু করুন

আপনার দল আগে থেকেই জানে আপনার পণ্য কেমন দেখতে হওয়া উচিত। Lily ঠিক সেখান থেকেই শুরু করে: যা সঠিকভাবে করা সত্যিই কঠিন এবং আবার করা ব্যয়বহুল সেটি জোগায় — সঠিক অর্থবহ এলিমেন্ট, ARIA অবস্থা, কিবোর্ড চুক্তি, ফোকাস ব্যবস্থাপনা — আর প্রতিটি দৃশ্যমান সিদ্ধান্ত পুরোপুরি, আনন্দের সঙ্গে, আপনার হাতে ছেড়ে দেয়। প্রথম দিন থেকেই আপনার CSS-ই ডিজাইন সিস্টেমের চেহারা।

যেহেতু প্রতিটি কম্পোনেন্টে স্থিতিশীল ক্লাস হুক ও বিশুদ্ধ কাঠামো থাকে, প্রতিটি আপগ্রেডে আপনার স্টাইলিং আপনারই থাকে — আর তার নিচের অ্যাক্সেসিবিলিটি সংস্করণের পর সংস্করণ কাজ করে চলে।

Lily যা অঙ্গীকার করে

• ডিফল্টভাবে অ্যাক্সেসযোগ্য। প্রতিটি কম্পোনেন্টের লক্ষ্য WCAG 2.2 AAA। প্যাটার্নগুলো WAI-ARIA রচনা-চর্চা অনুসরণ করে; প্রতিটি ইন্টারেক্টিভ কম্পোনেন্ট নথিভুক্ত চুক্তিসহ কিবোর্ড দিয়ে চালানো যায়; উদাহরণ অ্যাপগুলো axe-core-এর পরিষ্কার ভিত্তিরেখা বজায় রাখে।
• নির্মাণ থেকেই আন্তর্জাতিকীকরণযোগ্য। ব্যবহারকারীর দেখা প্রতিটি স্ট্রিং — প্রতিটি লেবেল, ত্রুটি ও ঘোষণা — ফ্রেমওয়ার্ক জুড়ে স্থিতিশীল নামের একটি প্রপার্টি, ফলে অনুবাদ স্বাভাবিকভাবে প্রবাহিত হয়। ডান-থেকে-বাম ও দ্বিমুখী লেখা আপনার 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 ডিজাইন সিস্টেম থেকে গবেষণা করে নেওয়া — ত্রুটির সারসংক্ষেপ, সতর্কতা কলআউট, সারসংক্ষেপ তালিকা, পর্যায় ব্যানার, স্কিপ লিংক।
• ১৪০টি জাতীয় ব্যক্তিগত শনাক্তকারী কম্পোনেন্ট, যা ৫০টিরও বেশি দেশের স্বাস্থ্যসেবা, জাতীয় পরিচয়পত্র, কর ও পাসপোর্ট শনাক্তকারী কভার করে, প্রতিটি তার বিন্যাস ও যাচাইকরণ অ্যালগরিদম নথিভুক্ত করে।
• সম্পাদকীয় ও স্ক্রলিটেলিংয়ের মৌলিক উপাদান যা Reuters Graphics থেকে গৃহীত — নিবন্ধ বিন্যাস, স্ক্রলার, টাইমলাইন, টাইল মানচিত্র।
• বাছাইকারী সহায়ক — ছোট প্যাকেজ যা একটি ইন্টারঅ্যাকশন শুরু থেকে শেষ পর্যন্ত সামলায়: থিম বদল (রানটাইমে স্টাইলশিট লোডসহ), ভাষা, লেখার আকার, গতি হ্রাস, অনুসন্ধান, পৃষ্ঠার লিংক, শেয়ার, এবং তারিখ-সময় ইনপুট। প্রতিটি একটি headless আইকন বোতাম যা পপআপ খোলে — নেটিভ <select> নয় — সংরক্ষণ ও SSR নিরাপত্তা অন্তর্নির্মিতসহ।

সরকারি খাতের জন্য থিম, বাক্স খুলেই ব্যবহারযোগ্য

Lily ৪৫টি স্বতন্ত্র রেফারেন্স থিম নিয়ে আসে যা সরাসরি তার ক্লাস হুক লক্ষ্য করে: 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-এ ইমেল করুন।