Argumentai už Lily

Pradėkite nuo savo dizaino

Jūsų komanda jau žino, kaip turėtų atrodyti jūsų produktas. Lily prasideda lygiai nuo ten: tiekia dalis, kurias iš tiesų sunku padaryti teisingai ir brangu perdaryti — teisingą semantinį elementą, ARIA būsenas, klaviatūros sutartį, fokuso valdymą — ir kiekvieną vizualinį sprendimą visiškai ir džiaugsmingai palieka jums. Jūsų CSS yra dizaino sistemos išvaizda nuo pirmos dienos.

Kadangi kiekvienas komponentas turi stabilią klasės kabliuką ir gryną struktūrą, jūsų stilizavimas per kiekvieną atnaujinimą išlieka švariai jūsų — o po juo esantis prieinamumas ir toliau veikia, versija po versijos.

Ką Lily įsipareigoja daryti

• Prieinamas pagal numatytuosius nustatymus. WCAG 2.2 AAA yra kiekvieno komponento tikslas. Šablonai atitinka WAI-ARIA Authoring Practices; kiekvienas interaktyvus komponentas valdomas klaviatūra pagal dokumentuotą sutartį; pavyzdinės programos išlaiko švarią axe-core bazinę liniją.
• Internacionalizuojamas pagal konstrukciją. Kiekviena vartotojui matoma eilutė — kiekviena etiketė, klaida ir pranešimas — yra savybė su stabiliais pavadinimais visuose karkasuose, todėl vertimas teka natūraliai. RTL ir dvikryptis tekstas paveldi iš jūsų dir. Lokalei jautrūs komponentai lokalę gauna kaip savybę, visada aiškiai.
• Vienas katalogas, aštuoni karkasai. Tie patys 571 komponentai (536 kaip vietiniai Web Components) su tais pačiais klasės kabliukais ir savybių konvencijomis HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks ir Web Components. Jūsų CSS ir komandos žinios perkeliamos tarp technologijų rinkinių.
• Nepriklausomas nuo CSS strategijos. Viena stabili kebab-case klasė vienai komponento šakniai. Semantinis CSS, Tailwind pagalbinės klasės, CSS-in-JS arba viena iš 57 paruoštų temų — Lily sveikina jas visas ir grakščiai pasitraukia.
• Nemokamai, amžinai, jūsų sąlygomis. Atvirasis kodas pagal jūsų pasirinktą licenciją: BSD, MIT, Apache-2.0, GPL-2.0 arba GPL-3.0. Jokio pro lygio, jokių vietų licencijų, jokios telemetrijos.

Gylis ten, kur jis svarbus

Be įprastų mygtukų ir dialogų, katalogas siekia toliau nei dauguma:

• Viešojo sektoriaus šablonai ištirti iš NHS UK, GOV.UK, USWDS ir ONS dizaino sistemų — klaidų santraukos, įspėjimo langeliai, santraukų sąrašai, fazių reklamjuostės, praleidimo nuorodos.
• 140 nacionalinių asmens identifikatorių komponentų apimančių sveikatos, nacionalinių tapatybės, mokesčių ir pasų identifikatorius daugiau nei 50 šalių, kiekvienas su dokumentuotu formatu ir patikros algoritmu.
• Redakciniai ir scrollytelling pagrindiniai elementai pritaikyti iš Reuters Graphics — straipsnių išdėstymai, slinkikliai, laiko juostos, plytelių žemėlapiai.
• Parinkiklių pagalbininkai — maži paketai, valdantys vieną sąveiką nuo pradžios iki pabaigos: temų perjungimas (su vykdymo metu įkeliamu stilių lapu), kalba, teksto dydis, sumažintas judesys, paieška, puslapių nuorodos, dalijimasis ir datos bei laiko įvedimas. Kiekvienas yra bevaigis piktogramos mygtukas, atidarantis iškylantįjį langą — ne vietinis <select> — su integruotu išsaugojimu ir SSR saugumu.

Viešojo sektoriaus temos, iškart paruoštos

Lily tiekia 57 savarankiškas pavyzdines temas, tiesiogiai taikomas jo klasės kabliukams: NHS England, NHS Scotland ir NHS Wales (kiekviena pacientams ir praktikams skirtais variantais), GOV.UK, USWDS, paletes, įkvėptas Adobe Spectrum ir Mozilla Protocol, ir bendrosios paskirties šviesių bei tamsių temų rinkinį. Susiekite vieną stilių lapą ir valdžios lygio išvaizda įjungta; pagalbininkas theme-picker perjungia jas vykdymo metu.

Kaip Lily lyginasi

Mes palaikome sąžiningą, komponentas po komponento palyginimą su kitomis dizaino sistemomis — stilizuotomis ir bevaigėmis, komercinėmis ir viešojo sektoriaus. Kur kita biblioteka jums tinka labiau, palyginimas tai parodys; Lily mokosi iš visų ir viešai nurodo savo įkvėpimo šaltinius.

Kas už to stovi

Lily yra jaunas, nepriklausomas atvirojo kodo projektas, sveikinantis bendradarbiavimą, patarimus ir atsiliepimus — žr. Apie istorijai ir įkvėpimo šaltiniams. Viskas — specifikacija, testai, planas, net audito įrankiai — atvira adresu github.com/LilyDesignSystem.

Padėkite Lily augti

Jei Lily jums naudingas, vertingiausi dalykai, kuriuos galite padaryti:

• Suteikite žvaigždutę ir pasidalykite. Suteikite žvaigždutę pagrindinei saugyklai ir parodykite kolegai katalogą — žinomumas yra pats retiausias jauno projekto išteklius.
• Sukurkite ką nors ir pasakykite mums. Realaus naudojimo ataskaitos — kas veikė, kas galėtų būti sklandžiau — formuoja planą labiau nei bet kas kita.
• Audituokite prieinamumą. Peržiūros su ekrano skaitytuvais (VoiceOver, NVDA, JAWS) pavyzdinėse programose verta aukso; pranešykite, ką rasite.
• Prisidėkite tema arba vertimu. Abu yra savarankiški, gerai apibrėžti pirmieji indėliai.
• Pasidalykite tuo, ką rasite, su minimaliu atkūrimu, GitHub saugykloje arba rašykite el. paštu joel@joelparkerhenderson.com.