Argumenty za Lily

Zacznij od własnego projektu

Twój zespół już wie, jak powinien wyglądać produkt. Lily zaczyna dokładnie stąd: dostarcza części, które naprawdę trudno zrobić dobrze i drogo poprawiać — właściwy element semantyczny, stany ARIA, kontrakt klawiatury, zarządzanie fokusem — a każdą decyzję wizualną zostawia w całości, z radością, tobie. Twój CSS jest wyglądem systemu projektowego od pierwszego dnia.

Ponieważ każdy komponent ma stabilny hak klasy i czystą strukturę, twoja stylizacja pozostaje czysto twoja przez każdą aktualizację — a dostępność pod spodem działa dalej, wersja po wersji.

Do czego zobowiązuje się Lily

• Dostępny domyślnie. WCAG 2.2 AAA to cel dla każdego komponentu. Wzorce są zgodne z WAI-ARIA Authoring Practices; każdy interaktywny komponent obsługuje się klawiaturą według udokumentowanego kontraktu; aplikacje przykładowe utrzymują czystą bazę axe-core.
• Przystosowany do internacjonalizacji z założenia. Każdy ciąg widoczny dla użytkownika — każda etykieta, błąd i komunikat — to właściwość o stabilnych nazwach we wszystkich frameworkach, więc tłumaczenie przebiega naturalnie. RTL i tekst dwukierunkowy dziedziczą z twojego dir. Komponenty uwzględniające ustawienia regionalne przyjmują język jako właściwość, zawsze jawnie.
• Jeden katalog, osiem frameworków. Te same 571 komponentów (536 jako natywne Web Components) z tymi samymi hakami klas i konwencjami właściwości w HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks i Web Components. Twój CSS i wiedza zespołu przenoszą się między stosami technologicznymi.
• Niezależny od strategii CSS. Jedna stabilna klasa w kebab-case na korzeń komponentu. Semantyczny CSS, narzędziowe klasy Tailwind, CSS-in-JS lub jeden z 57 gotowych motywów — Lily wita je wszystkie i taktownie schodzi z drogi.
• Za darmo, na zawsze, na twoich warunkach. Otwarty kod na licencji do wyboru: BSD, MIT, Apache-2.0, GPL-2.0 lub GPL-3.0. Bez wersji pro, bez licencji na stanowisko, bez telemetrii.

Głębia tam, gdzie ma znaczenie

Poza zwykłymi przyciskami i oknami dialogowymi katalog sięga dalej niż większość:

• Wzorce dla sektora publicznego zbadane na podstawie systemów projektowych NHS UK, GOV.UK, USWDS i ONS — podsumowania błędów, ramki ostrzeżeń, listy podsumowań, banery faz, linki pomijające.
• 140 komponentów krajowych identyfikatorów osobistych obejmujących identyfikatory medyczne, dowodów osobistych, podatkowe i paszportowe w ponad 50 krajach, każdy z udokumentowanym formatem i algorytmem walidacji.
• Elementy podstawowe dla treści redakcyjnych i scrollytellingu zaadaptowane z Reuters Graphics — układy artykułów, przewijacze, osie czasu, mapy kafelkowe.
• Pomocnicy selektorów — małe pakiety, które odpowiadają za jedną interakcję od początku do końca: przełączanie motywów (z ładowaniem arkuszy stylów w czasie działania), język, rozmiar tekstu, ograniczony ruch, wyszukiwanie, linki do stron, udostępnianie oraz wprowadzanie daty i godziny. Każdy to bezgłowy przycisk z ikoną otwierający okienko — nie natywny <select> — z wbudowaną trwałością i bezpieczeństwem SSR.

Motywy dla sektora publicznego, od ręki

Lily dostarcza 57 samodzielnych motywów referencyjnych, które celują bezpośrednio w jego haki klas: NHS England, NHS Scotland i NHS Wales (każdy w wariancie dla pacjentów i dla praktyków), GOV.UK, USWDS, palety inspirowane Adobe Spectrum i Mozilla Protocol oraz zestaw ogólnych motywów jasnych i ciemnych. Podlinkuj jeden arkusz stylów, a wygląd na poziomie administracji rządowej jest włączony; pomocnik theme-picker zmienia je w czasie działania.

Jak Lily wypada w porównaniu

Prowadzimy uczciwe, komponent po komponencie, porównanie z innymi systemami projektowymi — ostylowanymi i bezgłowymi, komercyjnymi i z sektora publicznego. Tam, gdzie inna biblioteka lepiej ci odpowiada, porównanie to pokaże; Lily uczy się od wszystkich i otwarcie wskazuje swoje źródła inspiracji.

Kto za tym stoi

Lily to młody, niezależny projekt open source, który wita współpracę, wskazówki i opinie — zobacz O projekcie , by poznać historię i źródła inspiracji. Wszystko — specyfikacja, testy, plan rozwoju, nawet narzędzia audytu — jest jawne na github.com/LilyDesignSystem.

Pomóż Lily rosnąć

Jeśli Lily jest dla ciebie przydatny, najcenniejsze rzeczy, jakie możesz zrobić:

• Daj gwiazdkę i podaj dalej. Daj gwiazdkę głównemu repozytorium i pokaż koledze katalog — świadomość jest najrzadszym zasobem młodego projektu.
• Zbuduj coś i daj nam znać. Raporty z rzeczywistego użycia — co zadziałało, co mogłoby być płynniejsze — kształtują plan rozwoju bardziej niż cokolwiek innego.
• Zbadaj dostępność. Przejścia z czytnikami ekranu (VoiceOver, NVDA, JAWS) w aplikacjach przykładowych są na wagę złota; zgłoś, co znajdziesz.
• Wnieś motyw lub tłumaczenie. Oba są samodzielnymi, dobrze ograniczonymi pierwszymi wkładami.
• Podziel się tym, co znajdziesz, z minimalnym przykładem odtworzenia, w repozytorium GitHub lub napisz na joel@joelparkerhenderson.com.