Argumenti za Lily

Lily preuzima teške dijelove — semantiku, pristupačnost, ponašanje tipkovnice, internacionalizaciju — i izgled u cijelosti, rado, prepušta vama.

Krenite od vlastitog dizajna

Vaš tim već zna kako bi vaš proizvod trebao izgledati. Lily kreće upravo odatle: pruža dijelove koje je doista teško napraviti kako treba i skupo ponovno raditi — ispravan semantički element, ARIA stanja, ugovor o tipkovnici, upravljanje fokusom — a svaku vizualnu odluku u cijelosti i s veseljem prepušta vama. Vaš CSS je izgled dizajnerskog sustava od prvog dana.

Budući da svaka komponenta nosi stabilnu kuku klase i čistu strukturu, vaše stiliziranje ostaje čisto vaše kroz svaku nadogradnju — a pristupačnost ispod nastavlja raditi, verziju za verzijom.

Na što se Lily obvezuje

  • Pristupačno prema zadanim postavkama. WCAG 2.2 AAA cilj je za svaku komponentu. Obrasci slijede WAI-ARIA Authoring Practices; svaka interaktivna komponenta upravljiva je tipkovnicom prema dokumentiranom ugovoru; primjeri aplikacija održavaju čistu axe-core osnovicu.
  • Internacionalizabilno po konstrukciji. Svaki niz vidljiv korisniku — svaka oznaka, pogreška i obavijest — svojstvo je sa stabilnim nazivima kroz frameworke, pa prevođenje teče prirodno. RTL i dvosmjerni tekst nasljeđuju vaš dir. Komponente svjesne lokala primaju lokal kao svojstvo, uvijek izričito.
  • Jedan katalog, osam frameworka. Istih 571 komponenta (536 kao nativni Web Components) s istim kukama klasa i konvencijama svojstava u HTML-u, Svelteu, Reactu, Vueu, Angularu, Blazoru, Nunjucksu i Web Componentsu. Vaš CSS i znanje vašeg tima prenose se između stackova.
  • Neovisno o CSS strategiji. Jedna stabilna klasa u kebab-caseu po korijenu komponente. Semantički CSS, Tailwind uslužne klase, CSS-in-JS ili jedna od 57 gotovih tema — Lily ih sve pozdravlja i graciozno se povlači s puta.
  • Besplatno, zauvijek, pod vašim uvjetima. Otvoreni kod pod licencom po vašem izboru: BSD, MIT, Apache-2.0, GPL-2.0 ili GPL-3.0. Bez pro razine, bez licenci po mjestu, bez telemetrije.

Dubina ondje gdje je važna

Osim uobičajenih gumba i dijaloga, katalog seže dalje od većine:

  • Obrasci za javni sektor istraženi iz dizajnerskih sustava NHS UK, GOV.UK, USWDS i ONS — sažeci pogrešaka, upozoravajući okviri, sažeti popisi, banneri faze, poveznice za preskakanje.
  • 140 komponenti za nacionalne osobne identifikatore koje pokrivaju zdravstvene, osobne iskaznice, porezne i putovnice identifikatore u više od 50 zemalja, svaka s dokumentiranim formatom i algoritmom provjere.
  • Temeljni elementi za uredničke sadržaje i scrollytelling prilagođeni iz Reuters Graphics — rasporedi članaka, scrolleri, vremenske crte, pločaste karte.
  • Pomoćnici birača — mali paketi koji posjeduju jednu interakciju od početka do kraja: promjena teme (s učitavanjem stilskog lista tijekom izvođenja), jezik, veličina teksta, smanjeno kretanje, pretraživanje, poveznice stranica, dijeljenje te unos datuma i vremena. Svaki je bezglavi gumb s ikonom koji otvara skočni prozor — ne nativni <select> — s ugrađenom trajnošću i SSR sigurnošću.

Teme za javni sektor, odmah spremne

Lily isporučuje 57 samostalnih referentnih tema koje ciljaju izravno na njegove kuke klasa: NHS England, NHS Scotland i NHS Wales (svaka u varijantama za pacijente i za praktičare), GOV.UK, USWDS, palete nadahnute Adobe Spectrumom i Mozilla Protocolom te skup općenamjenskih svijetlih i tamnih tema. Povežite jedan stilski list i izgled na razini vlade je uključen; pomoćnik theme-picker mijenja ih tijekom izvođenja.

Kako se Lily uspoređuje

Vodimo iskrenu usporedbu s drugim dizajnerskim sustavima , komponentu po komponentu — stilizirane i bezglave, komercijalne i iz javnog sektora. Gdje vam druga biblioteka bolje odgovara, usporedba će to pokazati; Lily uči od svih i otvoreno navodi svoje izvore inspiracije.

Tko stoji iza njega

Lily je mlad, neovisan projekt otvorenog koda koji pozdravlja suradnju, smjernice i povratne informacije — pogledajte O projektu za priču i izvore inspiracije. Sve — specifikacija, testovi, plan razvoja, čak i alati za reviziju — otvoreno je na github.com/LilyDesignSystem.

Pomozite Lilyju da raste

Ako vam je Lily koristan, najvrjednije što možete učiniti:

  • Dodijelite zvjezdicu i podijelite. Dodijelite zvjezdicu glavnom repozitoriju i pokažite kolegi katalog — svijest o projektu najrjeđi je resurs koji mladi projekt ima.
  • Napravite nešto i recite nam. Izvješća o stvarnoj upotrebi — što je radilo, što bi moglo biti glađe — oblikuju plan razvoja više od ičega drugog.
  • Revidirajte pristupačnost. Prolasci s čitačima zaslona (VoiceOver, NVDA, JAWS) na primjerima aplikacija vrijede zlata; prijavite što nađete.
  • Doprinesite temom ili prijevodom. Oboje su samostalni, dobro ograničeni prvi doprinosi.
  • Podijelite što nađete, s minimalnom reprodukcijom, u GitHub repozitoriju ili pošaljite e-poštu na joel@joelparkerhenderson.com.