Argumenty pre Lily

Začnite od svojho dizajnu

Váš tím už vie, ako má produkt vyzerať. Lily začína presne tam: dodáva časti, ktoré je naozaj ťažké urobiť správne a drahé prerábať — správny sémantický prvok, stavy ARIA, zmluvu s klávesnicou, správu fokusu — a každé vizuálne rozhodnutie necháva úplne a s radosťou na vás. Vaše CSS je vzhľadom dizajnového systému od prvého dňa.

Pretože každý komponent nesie stabilný háčik triedy a čistú štruktúru, vaše štýlovanie zostáva čisto vaše pri každej aktualizácii — a prístupnosť pod ním funguje ďalej, verziu po verzii.

K čomu sa Lily zaväzuje

• Prístupné predvolene. WCAG 2.2 AAA je cieľom každého komponentu. Vzory sa riadia WAI-ARIA Authoring Practices; každý interaktívny komponent je ovládateľný klávesnicou podľa zdokumentovanej zmluvy; ukážkové aplikácie udržiavajú čistý základ axe-core.
• Internacionalizovateľné už konštrukciou. Každý reťazec viditeľný používateľom — každý štítok, chyba aj oznámenie — je vlastnosť so stabilnými názvami naprieč frameworkmi, takže preklad plynie prirodzene. RTL a obojsmerný text dedia z vášho dir. Komponenty citlivé na jazyk prijímajú jazyk ako vlastnosť, vždy výslovne.
• Jeden katalóg, osem frameworkov. Rovnakých 571 komponentov (536 ako natívne Web Components) s rovnakými háčikmi tried a konvenciami vlastností v HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks a Web Components. Vaše CSS aj znalosti tímu sa prenášajú medzi technologickými stackmi.
• Nezávislé od stratégie CSS. Jedna stabilná trieda v kebab-case na koreň komponentu. Sémantické CSS, utility Tailwindu, CSS-in-JS alebo jedna z 57 hotových tém — Lily víta všetky a elegantne ustupuje z cesty.
• Zadarmo, navždy, za vašich podmienok. Otvorený kód pod licenciou podľa vášho výberu: BSD, MIT, Apache-2.0, GPL-2.0 alebo GPL-3.0. Žiadna pro verzia, žiadne licencie na miesta, žiadna telemetria.

Hĺbka tam, kde na nej záleží

Okrem obvyklých tlačidiel a dialógov katalóg siaha ďalej než väčšina:

• Vzory pre verejný sektor preskúmané z dizajnových systémov NHS UK, GOV.UK, USWDS a ONS — súhrny chýb, varovné rámčeky, súhrnné zoznamy, bannery fázy, odkazy na preskočenie.
• 140 komponentov pre národné osobné identifikátory pokrývajúcich zdravotnícke, občianske, daňové a pasové identifikátory vo viac než 50 krajinách, každý s dokumentovaným formátom a validačným algoritmom.
• Základné prvky pre redakčný obsah a scrollytelling prevzaté z Reuters Graphics — rozloženia článkov, posúvače, časové osi, dlaždicové mapy.
• Pomocníci výberov — malé balíčky, ktoré vlastnia jednu interakciu od začiatku do konca: prepínanie tém (s načítaním štýlových hárkov za behu), jazyk, veľkosť textu, obmedzený pohyb, hľadanie, odkazy na stránky, zdieľanie a zadávanie dátumu a času. Každý je bezhlavé tlačidlo s ikonou, ktoré otvára vyskakovacie okno — nie natívne <select> — s vstavanou perzistenciou a bezpečnosťou SSR.

Témy pre verejný sektor, hneď po vybalení

Lily dodáva 57 samostatných referenčných tém, ktoré cielia priamo na jeho háčiky tried: NHS England, NHS Scotland a NHS Wales (každý vo variantoch pre pacientov a pre odborníkov), GOV.UK, USWDS, palety inšpirované Adobe Spectrum a Mozilla Protocol a sadu všeobecných svetlých a tmavých tém. Prepojte jeden štýlový hárok a vzhľad na úrovni vlády je zapnutý; pomocník theme-picker ich prepína za behu.

Ako si Lily stojí v porovnaní

Vedieme úprimné porovnanie s inými dizajnovými systémami , komponent po komponente — štýlované aj bezhlavé, komerčné aj z verejného sektora. Kde sa vám iná knižnica hodí viac, porovnanie to ukáže; Lily sa učí zo všetkých a svoje zdroje inšpirácie uvádza otvorene.

Kto za tým stojí

Lily je mladý, nezávislý open source projekt, ktorý víta spoluprácu, vedenie a spätnú väzbu — pozrite O projekte pre príbeh a zdroje inšpirácie. Všetko — špecifikácia, testy, plán, dokonca aj auditné nástroje — je verejné na github.com/LilyDesignSystem.

Pomôžte Lily rásť

Ak je vám Lily užitočný, najcennejšie veci, ktoré môžete urobiť:

• Dajte hviezdičku a zdieľajte. Dajte hviezdičku hlavnému repozitáru a ukážte kolegovi katalóg — povedomie je najvzácnejší zdroj, ktorý mladý projekt má.
• Niečo postavte a povedzte nám to. Správy o skutočnom používaní — čo fungovalo, čo by mohlo byť plynulejšie — formujú plán viac než čokoľvek iné.
• Auditujte prístupnosť. Prechody s čítačkami obrazovky (VoiceOver, NVDA, JAWS) na ukážkových aplikáciách sú na nezaplatenie; nahláste, čo nájdete.
• Prispejte témou alebo prekladom. Oba sú samostatné, dobre vymedzené prvé príspevky.
• Zdieľajte, čo nájdete, s minimálnou reprodukciou, v repozitári GitHub, alebo pošlite e-mail na joel@joelparkerhenderson.com.