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.