Argumenti za Lily

Začnite pri svojem oblikovanju

Vaša ekipa že ve, kako naj izgleda vaš izdelek. Lily začne natanko tam: zagotovi dele, ki jih je zares težko narediti pravilno in jih je drago ponavljati — pravilni semantični element, stanja ARIA, pogodbo s tipkovnico, upravljanje fokusa — in vsako vizualno odločitev v celoti in z veseljem prepusti vam. Vaš CSS je videz oblikovalskega sistema od prvega dne.

Ker ima vsaka komponenta stabilen kavelj razreda in čisto strukturo, vaše stiliziranje ostane čisto vaše skozi vsako nadgradnjo — dostopnost pod njim pa še naprej deluje, različico za različico.

Kaj Lily obljublja

• Dostopno privzeto. WCAG 2.2 AAA je cilj za vsako komponento. Vzorci sledijo WAI-ARIA Authoring Practices; vsaka interaktivna komponenta je uporabna s tipkovnico po dokumentirani pogodbi; vzorčne aplikacije ohranjajo čisto izhodišče axe-core.
• Internacionalizirano že po zasnovi. Vsak uporabniku viden niz — vsaka oznaka, napaka in obvestilo — je lastnost s stabilnimi imeni v vseh ogrodjih, zato prevajanje teče naravno. RTL in dvosmerno besedilo se dedujeta iz vašega dir. Komponente, ki upoštevajo jezik, prejmejo jezik kot lastnost, vedno izrecno.
• En katalog, osem ogrodij. Istih 571 komponent (536 kot izvorne Web Components) z istimi kavlji razredov in dogovori o lastnostih v HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks in Web Components. Vaš CSS in znanje ekipe se prenašata med skladi.
• Neodvisno od strategije CSS. En stabilen razred v kebab-case na koren komponente. Semantični CSS, pripomočki Tailwind, CSS-in-JS ali ena od 57 že pripravljenih tem — Lily jih vse pozdravi in se elegantno umakne.
• Brezplačno, za vedno, pod vašimi pogoji. Odprta koda pod licenco po vaši izbiri: BSD, MIT, Apache-2.0, GPL-2.0 ali GPL-3.0. Brez pro stopnje, brez licenc na sedež, brez telemetrije.

Globina tam, kjer šteje

Poleg običajnih gumbov in pogovornih oken katalog sega dlje kot večina:

• Vzorci za javni sektor raziskani iz oblikovalskih sistemov NHS UK, GOV.UK, USWDS in ONS — povzetki napak, opozorilni okviri, povzetki, pasice faz, povezave za preskok.
• 140 komponent za nacionalne osebne identifikatorje ki pokrivajo zdravstvene, osebne izkaznice, davčne in potne identifikatorje v več kot 50 državah, vsaka z dokumentirano obliko in algoritmom preverjanja.
• Osnovni elementi za uredniške vsebine in scrollytelling prirejeni po Reuters Graphics — postavitve člankov, drsniki, časovnice, ploščičasti zemljevidi.
• Pomočniki izbirnikov — majhni paketi, ki lastijo eno interakcijo od začetka do konca: preklop teme (z nalaganjem slogovne datoteke med izvajanjem), jezik, velikost besedila, zmanjšano gibanje, iskanje, povezave strani, deljenje ter vnos datuma in časa. Vsak je brezglav gumb z ikono, ki odpre pojavno okno — ne izvorni <select> — z vgrajeno trajnostjo in varnostjo SSR.

Teme za javni sektor, takoj pripravljene

Lily vsebuje 57 samostojnih referenčnih tem, ki ciljajo neposredno na njegove kavlje razredov: NHS England, NHS Scotland in NHS Wales (vsaka v različicah za bolnike in za strokovnjake), GOV.UK, USWDS, palete, navdahnjene z Adobe Spectrum in Mozilla Protocol, ter nabor splošnih svetlih in temnih tem. Povežite eno slogovno datoteko in videz državne ravni je vklopljen; pomočnik theme-picker jih preklaplja med izvajanjem.

Kako se Lily primerja

Vodimo pošteno primerjavo, komponento za komponento, z drugimi oblikovalskimi sistemi — stiliziranimi in brezglavimi, komercialnimi in iz javnega sektorja. Kjer vam druga knjižnica bolj ustreza, bo primerjava to pokazala; Lily se uči od vseh in odkrito navaja svoje vire navdiha.

Kdo stoji za njim

Lily je mlad, neodvisen projekt odprte kode, ki pozdravlja sodelovanje, usmeritve in povratne informacije — glejte O projektu za zgodbo in vire navdiha. Vse — specifikacija, testi, načrt razvoja, celo orodja za revizijo — je odprto na github.com/LilyDesignSystem.

Pomagajte Lily rasti

Če vam je Lily v pomoč, so najdragocenejše stvari, ki jih lahko storite:

• Dodelite zvezdico in delite. Dodelite zvezdico glavnemu repozitoriju in pokažite kolegu katalog — prepoznavnost je najredkejši vir mladega projekta.
• Zgradite kaj in nam povejte. Poročila o dejanski uporabi — kaj je delovalo, kaj bi lahko bilo bolj gladko — oblikujejo načrt razvoja bolj kot karkoli drugega.
• Revidirajte dostopnost. Prehodi z bralniki zaslona (VoiceOver, NVDA, JAWS) na vzorčnih aplikacijah so zlata vredni; sporočite, kar najdete.
• Prispevajte temo ali prevod. Oba sta samostojna, dobro omejena prva prispevka.
• Delite, kar najdete, z minimalno ponovitvijo, v repozitoriju GitHub ali pišite na joel@joelparkerhenderson.com.