L-argument għal Lily
Lily tieħu f’idejha l-partijiet diffiċli — is-semantika, l-aċċessibbiltà, l-imġieba tat-tastiera, l-internazzjonalizzazzjoni — u tħalli d-dehra kollha, bi pjaċir, f’idejk.
Ibda mid-disinn tiegħek
It-tim tiegħek diġà jaf kif għandu jidher il-prodott tiegħek. Lily tibda eżattament minn hemm: tipprovdi l-partijiet li huma verament diffiċli biex isiru sew u għaljin biex jerġgħu jsiru — l-element semantiku korrett, l-istati ARIA, il-kuntratt tat-tastiera, il-ġestjoni tal-fokus — u tħalli kull deċiżjoni viżwali kompletament, bil-ferħ, f’idejk. Is-CSS tiegħek huwa d-dehra tas-sistema tad-disinn mill-ewwel jum.
Peress li kull komponent għandu ganċ tal-klassi stabbli u struttura nadifa, l-istilizzazzjoni tiegħek tibqa’ nadifa tiegħek permezz ta’ kull aġġornament — u l-aċċessibbiltà ta’ taħtha tibqa’ taħdem, verżjoni wara l-oħra.
Dak li Lily timpenja ruħha għalih
- Aċċessibbli awtomatikament. WCAG 2.2 AAA huwa l-mira għal kull komponent. Ix-xejriet isegwu l-WAI-ARIA Authoring Practices; kull komponent interattiv jista’ jiġi operat bit-tastiera b’kuntratt iddokumentat; l-applikazzjonijiet ta’ eżempju jżommu linja bażi axe-core nadifa.
-
Internazzjonalizzabbli mid-disinn. Kull sekwenza viżibbli għall-utent — kull tikketta, żball u anunċju — hija proprjetà b’ismijiet stabbli fil-framework kollha, għalhekk it-traduzzjoni tgħaddi b’mod naturali. L-RTL u t-test bidirezzjonali jirtu mid-
dirtiegħek. Il-komponenti li jafu l-lokal jirċievu l-lokal bħala proprjetà, dejjem b’mod espliċitu. - Katalgu wieħed, tmien framework. L-istess 571 komponent (536 bħala Web Components nattivi) bl-istess ganċijiet tal-klassi u konvenzjonijiet tal-proprjetajiet f’HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks u Web Components. Is-CSS tiegħek u l-għarfien tat-tim tiegħek jinbidlu bejn stacks.
- Indipendenti mill-istrateġija CSS. Klassi stabbli waħda f’kebab-case għal kull għerq ta’ komponent. CSS semantiku, utilitajiet Tailwind, CSS-in-JS jew waħda mit-57 tema lesta — Lily tilqa’ lil kollha u titbiegħed bil-grazzja.
- B’xejn, għal dejjem, bit-termini tiegħek. Sors miftuħ taħt l-għażla tiegħek ta’ BSD, MIT, Apache-2.0, GPL-2.0 jew GPL-3.0. L-ebda livell pro, l-ebda liċenzji għal kull siġġu, l-ebda telemetrija.
Fond fejn jgħodd
Lil hinn mill-buttuni u d-dialogi tas-soltu, il-katalgu jaqbeż ħafna aktar minn ħafna oħrajn:
- Xejriet tas-settur pubbliku riċerkati mis-sistemi tad-disinn tal-NHS UK, GOV.UK, USWDS u ONS — sommarji tal-iżbalji, kaxxi ta’ twissija, listi sommarji, banners tal-fażi, links biex taqbeż.
- 140 komponent tal-identifikaturi personali nazzjonali li jkopru identifikaturi tas-saħħa, tal-ID nazzjonali, tat-taxxa u tal-passaport f’aktar minn 50 pajjiż, kull wieħed jiddokumenta l-format u l-algoritmu tal-validazzjoni tiegħu.
- Elementi bażiċi editorjali u ta’ scrollytelling adattati minn Reuters Graphics — dispożizzjonijiet ta’ artikli, scrollers, timelines, mapep tat-tiles.
-
Għajnuniet tal-għażla — pakketti żgħar li huma sidien ta’ interazzjoni waħda mill-bidu sat-tmiem: tibdil tat-tema (b’tagħbija tal-istylesheet waqt it-tħaddim), lingwa, daqs tat-test, moviment imnaqqas, tfittxija, links tal-paġni, qsim u daħla tad-data u l-ħin. Kull wieħed huwa buttuna headless b’ikona li tiftaħ popup — mhux
<select>nattiv — bi persistenza u sigurtà SSR integrati.
Temi għas-settur pubbliku, lesti mill-kaxxa
Lily tibgħat 57 tema ta’ referenza awtonoma li jimmiraw direttament lejn il-ganċijiet tal-klassi tagħha: NHS England, NHS Scotland u NHS Wales (kull waħda f’varjanti għall-pazjenti u għall-prattikanti), GOV.UK, USWDS, paletti ispirati minn Adobe Spectrum u Mozilla Protocol, u sett ta’ temi ġenerali ċari u skuri. Qabbad stylesheet wieħed u dehra ta’ livell governattiv hija mixgħula; l-għajnuna theme-picker tbiddilhom waqt it-tħaddim.
Kif Lily tqabbel
Inżommu tqabbil onest, komponent b’komponent, ma’ sistemi oħra tad-disinn — stilizzati u headless, kummerċjali u tas-settur pubbliku. Fejn librerija oħra taqbel aħjar miegħek, it-tqabbil juri; Lily titgħallem minn kollha u tikkwota l-ispirazzjonijiet tagħha b’mod miftuħ.
Min hu warajha
Lily hija proġett żagħżugħ u indipendenti b’sors miftuħ li jilqa’ l-kollaborazzjoni, il-gwida u l-feedback — ara Dwar għall-istorja u s-sorsi ta’ ispirazzjoni. Kollox — l-ispeċifikazzjoni, it-testijiet, il-pjan, anki l-għodod tal-awditjar — huwa miftuħ fuq github.com/LilyDesignSystem.
Għin lil Lily tikber
Jekk Lily hija utli għalik, l-aktar affarijiet siewja li tista’ tagħmel huma:
- Agħti stilla u qsam. Agħti stilla lill- repożitorju prinċipali u uri lil kollega l- katalgu — l-għarfien huwa r-riżors l-aktar skars ta’ proġett żagħżugħ.
- Ibni xi ħaġa u għidilna. Rapporti ta’ użu reali — x’ħadem, x’jista’ jkun aktar bla xkiel — jiffurmaw il-pjan aktar minn kull ħaġa oħra.
- Awdita l-aċċessibbiltà. Passaġġi b’qarrejja tal-iskrin (VoiceOver, NVDA, JAWS) fuq l- applikazzjonijiet ta’ eżempju huma deheb; irrapporta dak li ssib.
- Ikkontribwixxi tema jew traduzzjoni. It-tnejn huma kontribuzzjonijiet kompluti u mdefiniti sew għall-ewwel darba.
- Qsam dak li ssib, b’riproduzzjoni minima, fir-repożitorju GitHub, jew ibgħat email lil joel@joelparkerhenderson.com.