Érvek a Lily mellett

Indulj a saját tervedből

A csapatod már tudja, hogyan nézzen ki a terméked. A Lily pontosan innen indul: azokat a részeket adja, amelyeket valóban nehéz jól megcsinálni és drága újracsinálni – a helyes szemantikus elemet, az ARIA-állapotokat, a billentyűzetszerződést, a fókuszkezelést – és minden vizuális döntést teljesen, örömmel rád hagy. A te CSS-ed a tervezési rendszer megjelenése az első naptól.

Mivel minden komponens stabil osztályhorgot és tiszta szerkezetet hordoz, a stílusozásod minden frissítésen át tisztán a tied marad – és az alatta lévő hozzáférhetőség verzióról verzióra tovább működik.

Amit a Lily vállal

• Alapértelmezetten hozzáférhető. A WCAG 2.2 AAA minden komponens célja. A minták a WAI-ARIA Authoring Practices-t követik; minden interaktív komponens billentyűzettel kezelhető dokumentált szerződés szerint; a példaalkalmazások tiszta axe-core alapvonalat tartanak.
• Felépítésénél fogva nemzetköziesíthető. Minden, a felhasználónak látható karakterlánc – minden címke, hiba és közlemény – a keretrendszerek között stabil nevű tulajdonság, így a fordítás természetesen áramlik. Az RTL és a kétirányú szöveg a te dir értékedből öröklődik. A nyelvérzékeny komponensek a nyelvet tulajdonságként kapják, mindig kifejezetten.
• Egy katalógus, nyolc keretrendszer. Ugyanaz az 571 komponens (536 natív Web Components-ként) ugyanazokkal az osztályhorgokkal és tulajdonság-konvenciókkal HTML-ben, Svelte-ben, Reactben, Vue-ban, Angularban, Blazorban, Nunjucksban és Web Componentsben. A CSS-ed és a csapatod tudása átvihető a technológiai veremek között.
• CSS-stratégiától független. Komponensgyökerenként egy stabil kebab-case osztály. Szemantikus CSS, Tailwind-segédosztályok, CSS-in-JS vagy az 57 kész téma egyike – a Lily mindet szívesen fogadja, és kecsesen félreáll.
• Ingyen, örökre, a te feltételeiddel. Nyílt forráskód a választott licenc alatt: BSD, MIT, Apache-2.0, GPL-2.0 vagy GPL-3.0. Nincs pro szint, nincs helyenkénti licenc, nincs telemetria.

Mélység, ahol számít

A szokásos gombokon és párbeszédpaneleken túl a katalógus messzebbre ér, mint a legtöbb:

• Közszféra-minták az NHS UK, a GOV.UK, az USWDS és az ONS tervezési rendszereiből kutatva – hibaösszefoglalók, figyelmeztető dobozok, összefoglaló listák, fázisszalagok, ugrólinkek.
• 140 nemzeti személyi azonosító komponens amelyek több mint 50 ország egészségügyi, személyi igazolványi, adó- és útlevél-azonosítóit fedik le, mindegyik dokumentálja a formátumát és az érvényesítési algoritmusát.
• Szerkesztői és scrollytelling építőelemek a Reuters Graphicsból átvéve – cikkelrendezések, görgetők, idővonalak, csempetérképek.
• Választósegédek – kis csomagok, amelyek egy-egy interakciót kezdettől végig birtokolnak: témaváltás (futásidejű stíluslap-betöltéssel), nyelv, szövegméret, csökkentett mozgás, keresés, oldallinkek, megosztás, valamint dátum és idő megadása. Mindegyik egy fej nélküli ikongomb, amely előugró ablakot nyit – nem natív <select> – beépített tartóssággal és SSR-biztonsággal.

Közszféra-témák, azonnal használhatóan

A Lily 57 önálló referenciatémát szállít, amelyek közvetlenül az osztályhorgait célozzák: NHS England, NHS Scotland és NHS Wales (mindegyik betegeknek és szakembereknek szóló változatban), GOV.UK, USWDS, az Adobe Spectrum és a Mozilla Protocol által ihletett paletták, valamint általános világos és sötét témák sora. Linkelj be egy stíluslapot, és már él a kormányzati szintű megjelenés; a segéd theme-picker futásidőben váltogatja őket.

Hogyan teljesít a Lily az összehasonlításban

Őszinte, komponensről komponensre haladó összehasonlítást vezetünk más tervezési rendszerekkel – stílusozottakkal és fej nélküliekkel, kereskedelmiekkel és közszféra-belieikkel. Ahol egy másik könyvtár jobban megfelel neked, az összehasonlítás megmutatja; a Lily mindegyikből tanul, és nyíltan megnevezi az inspirációs forrásait.

Ki áll mögötte

A Lily egy fiatal, független nyílt forráskódú projekt, amely szívesen fogadja az együttműködést, az útmutatást és a visszajelzést – lásd a Névjegy oldalt a történetért és az inspirációs forrásokért. Minden – a specifikáció, a tesztek, az ütemterv, még az auditeszközök is – nyíltan elérhető itt: github.com/LilyDesignSystem.

Segíts a Lilynek növekedni

Ha a Lily hasznos számodra, a legértékesebb dolgok, amiket tehetsz:

• Csillagozz és oszd meg. Csillagozd a fő tárolót és mutasd meg egy kollégának a katalógust – az ismertség a fiatal projektek legszűkösebb erőforrása.
• Építs valamit, és mondd el nekünk. A valós használati beszámolók – mi működött, mi lehetne simább – jobban alakítják az ütemtervet bármi másnál.
• Auditáld a hozzáférhetőséget. A képernyőolvasós (VoiceOver, NVDA, JAWS) végigjárások a példaalkalmazásokon aranyat érnek; jelezd, amit találsz.
• Járulj hozzá egy témával vagy fordítással. Mindkettő önálló, jól körülhatárolt első hozzájárulás.
• Oszd meg, amit találsz, minimális reprodukcióval, a GitHub-tárolóban, vagy írj e-mailt ide: joel@joelparkerhenderson.com.