Argumenty pro Lily

Začněte od svého návrhu

Váš tým už ví, jak má produkt vypadat. Lily začíná přesně tam: dodává části, které je skutečně těžké udělat správně a drahé předělávat — správný sémantický prvek, stavy ARIA, smlouvu s klávesnicí, správu fokusu — a každé vizuální rozhodnutí nechává zcela a s radostí na vás. Vaše CSS je vzhledem návrhového systému od prvního dne.

Protože každá komponenta nese stabilní háček třídy a čistou strukturu, vaše stylování zůstává čistě vaše při každé aktualizaci — a přístupnost pod ním funguje dál, verzi po verzi.

K čemu se Lily zavazuje

• Přístupné ve výchozím stavu. WCAG 2.2 AAA je cílem každé komponenty. Vzory se řídí WAI-ARIA Authoring Practices; každá interaktivní komponenta je ovladatelná klávesnicí podle zdokumentované smlouvy; ukázkové aplikace udržují čistý základ axe-core.
• Internacionalizovatelné už konstrukcí. Každý řetězec viditelný uživateli — každý štítek, chyba i oznámení — je vlastnost se stabilními názvy napříč frameworky, takže překlad plyne přirozeně. RTL a obousměrný text dědí z vašeho dir. Komponenty citlivé na jazyk přijímají jazyk jako vlastnost, vždy výslovně.
• Jeden katalog, osm frameworků. Stejných 571 komponent (536 jako nativní Web Components) se stejnými háčky tříd a konvencemi vlastností v HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks a Web Components. Vaše CSS i znalosti týmu se přenášejí mezi technologickými stacky.
• Nezávislé na strategii CSS. Jedna stabilní třída v kebab-case na kořen komponenty. Sémantické CSS, utility Tailwindu, CSS-in-JS nebo jedno z 57 hotových témat — Lily vítá všechny a elegantně ustupuje z cesty.
• Zdarma, navždy, za vašich podmínek. Otevřený kód pod licencí dle vaší volby: BSD, MIT, Apache-2.0, GPL-2.0 nebo GPL-3.0. Žádná pro verze, žádné licence na místa, žádná telemetrie.

Hloubka tam, kde na ní záleží

Kromě obvyklých tlačítek a dialogů katalog sahá dál než většina:

• Vzory pro veřejný sektor prozkoumané z návrhových systémů NHS UK, GOV.UK, USWDS a ONS — souhrny chyb, varovné rámečky, souhrnné seznamy, bannery fáze, odkazy pro přeskočení.
• 140 komponent pro národní osobní identifikátory pokrývajících zdravotnické, občanské, daňové a pasové identifikátory ve více než 50 zemích, každý s dokumentovaným formátem a validačním algoritmem.
• Základní prvky pro redakční obsah a scrollytelling převzaté z Reuters Graphics — rozvržení článků, posuvníky, časové osy, dlaždicové mapy.
• Pomocníci výběrů — malé balíčky, které vlastní jednu interakci od začátku do konce: přepínání motivů (s načítáním stylopisů za běhu), jazyk, velikost textu, omezený pohyb, hledání, odkazy na stránky, sdílení a zadávání data a času. Každý je bezhlavé tlačítko s ikonou, které otevírá vyskakovací okno — ne nativní <select> — s vestavěnou perzistencí a bezpečností SSR.

Motivy pro veřejný sektor, hned po vybalení

Lily dodává 57 samostatných referenčních motivů, které míří přímo na jeho háčky tříd: NHS England, NHS Scotland a NHS Wales (každý ve variantách pro pacienty a pro odborníky), GOV.UK, USWDS, palety inspirované Adobe Spectrum a Mozilla Protocol a sadu obecných světlých a tmavých motivů. Odkažte jeden stylopis a vzhled na úrovni vlády je zapnutý; pomocník theme-picker je přepíná za běhu.

Jak si Lily stojí v porovnání

Vedeme upřímné porovnání s jinými návrhovými systémy , komponentu po komponentě — stylované i bezhlavé, komerční i z veřejného sektoru. Kde se vám jiná knihovna hodí víc, porovnání to ukáže; Lily se učí ze všech a své zdroje inspirace uvádí otevřeně.

Kdo za tím stojí

Lily je mladý, nezávislý open source projekt, který vítá spolupráci, vedení a zpětnou vazbu — viz O projektu pro příběh a zdroje inspirace. Vše — specifikace, testy, plán, dokonce i auditní nástroje — je veřejné na github.com/LilyDesignSystem.

Pomozte Lily růst

Pokud je vám Lily užitečný, nejcennější věci, které můžete udělat:

• Dejte hvězdičku a sdílejte. Dejte hvězdičku hlavnímu repozitáři a ukažte kolegovi katalog — povědomí je nejvzácnější zdroj, který mladý projekt má.
• Něco postavte a řekněte nám to. Zprávy o skutečném používání — co fungovalo, co by mohlo být plynulejší — formují plán víc než cokoli jiného.
• Auditujte přístupnost. Průchody se čtečkami obrazovky (VoiceOver, NVDA, JAWS) na ukázkových aplikacích jsou k nezaplacení; nahlaste, co najdete.
• Přispějte motivem nebo překladem. Oba jsou samostatné, dobře vymezené první příspěvky.
• Sdílejte, co najdete, s minimální reprodukcí, v repozitáři GitHub, nebo pošlete e-mail na joel@joelparkerhenderson.com.