Argumenti par labu Lily

Sāciet no sava dizaina

Jūsu komanda jau zina, kā jūsu produktam jāizskatās. Lily sākas tieši no turienes: tā sniedz daļas, kuras patiešām grūti izdarīt pareizi un dārgi pārtaisīt — pareizo semantisko elementu, ARIA stāvokļus, tastatūras līgumu, fokusa pārvaldību — un katru vizuālo lēmumu pilnībā un priecīgi atstāj jums. Jūsu CSS ir dizaina sistēmas izskats no pirmās dienas.

Tā kā katrai komponentei ir stabils klases āķis un tīra struktūra, jūsu stilizēšana katrā jauninājumā paliek tīri jūsu — un tās apakšā esošā pieejamība turpina darboties, versiju pēc versijas.

Uz ko Lily apņemas

• Pieejams pēc noklusējuma. WCAG 2.2 AAA ir katras komponentes mērķis. Paraugi seko WAI-ARIA Authoring Practices; katra interaktīvā komponente ir lietojama ar tastatūru pēc dokumentēta līguma; paraugu lietotnes uztur tīru axe-core bāzes līniju.
• Internacionalizējams pēc konstrukcijas. Katra lietotājam redzama virkne — katra etiķete, kļūda un paziņojums — ir īpašība ar stabiliem nosaukumiem visos ietvaros, tāpēc tulkošana plūst dabiski. RTL un divvirzienu teksts manto no jūsu dir. Lokalizācijas apzinošās komponentes saņem lokāli kā īpašību, vienmēr skaidri.
• Viens katalogs, astoņi ietvari. Tās pašas 571 komponentes (536 kā dabiskie Web Components) ar tiem pašiem klases āķiem un īpašību konvencijām HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks un Web Components. Jūsu CSS un komandas zināšanas pārnesas starp tehnoloģiju kaudzēm.
• Neatkarīgs no CSS stratēģijas. Viena stabila kebab-case klase uz komponentes sakni. Semantisks CSS, Tailwind palīgklases, CSS-in-JS vai viena no 57 gatavajām tēmām — Lily sveic tās visas un graciozi atkāpjas.
• Bez maksas, uz visiem laikiem, uz jūsu noteikumiem. Atvērtais kods ar jūsu izvēlētu licenci: BSD, MIT, Apache-2.0, GPL-2.0 vai GPL-3.0. Nav pro līmeņa, nav licenču uz vietu, nav telemetrijas.

Dziļums tur, kur tas ir svarīgi

Ārpus parastajām pogām un dialoglodziņiem katalogs sniedzas tālāk nekā vairums:

• Publiskā sektora paraugi izpētīti no NHS UK, GOV.UK, USWDS un ONS dizaina sistēmām — kļūdu kopsavilkumi, brīdinājuma lodziņi, kopsavilkuma saraksti, posmu baneri, izlaišanas saites.
• 140 nacionālo personas identifikatoru komponentes kas aptver veselības, nacionālo personu apliecinošu dokumentu, nodokļu un pasu identifikatorus vairāk nekā 50 valstīs, katra ar dokumentētu formātu un validācijas algoritmu.
• Redakcionālā satura un scrollytelling pamatelementi pielāgoti no Reuters Graphics — rakstu izkārtojumi, ritinātāji, laika joslas, flīžu kartes.
• Atlasītāju palīgi — mazas pakotnes, kas īpašumā ņem vienu mijiedarbību no sākuma līdz beigām: tēmas pārslēgšana (ar stilu lapas ielādi izpildes laikā), valoda, teksta izmērs, samazināta kustība, meklēšana, lapu saites, kopīgošana un datuma un laika ievade. Katrs ir bezgalvas ikonas poga, kas atver uznirstošo logu — nevis dabiskais <select> — ar iebūvētu noturību un SSR drošību.

Publiskā sektora tēmas, uzreiz gatavas

Lily piegādā 57 patstāvīgas atsauces tēmas, kas mērķē tieši uz tās klases āķiem: NHS England, NHS Scotland un NHS Wales (katra pacientu un praktiķu variantos), GOV.UK, USWDS, paletes, kas iedvesmotas no Adobe Spectrum un Mozilla Protocol, un vispārējas gaišo un tumšo tēmu kopa. Saistiet vienu stilu lapu, un valdības līmeņa izskats ir ieslēgts; palīgs theme-picker tās pārslēdz izpildes laikā.

Kā Lily salīdzinās

Mēs uzturam godīgu, komponentes pa komponentei salīdzinājumu ar citām dizaina sistēmām — stilizētām un bezgalvas, komerciālām un publiskā sektora. Kur cita bibliotēka jums der labāk, salīdzinājums to parādīs; Lily mācās no tām visām un atklāti min savus iedvesmas avotus.

Kas stāv aiz tā

Lily ir jauns, neatkarīgs atvērtā koda projekts, kas sveic sadarbību, norādījumus un atsauksmes — skatiet Par stāstam un iedvesmas avotiem. Viss — specifikācija, testi, ceļvedis, pat audita rīki — ir atklāti vietnē github.com/LilyDesignSystem.

Palīdziet Lily augt

Ja Lily jums ir noderīgs, vērtīgākās lietas, ko varat darīt:

• Piešķiriet zvaigznīti un dalieties. Piešķiriet zvaigznīti galvenajai krātuvei un parādiet kolēģim katalogu — zināmība ir jauna projekta retākais resurss.
• Uzbūvējiet kaut ko un pastāstiet mums. Reālās lietošanas ziņojumi — kas darbojās, kas varētu būt gludāk — veido ceļvedi vairāk nekā jebkas cits.
• Auditējiet pieejamību. Pārbaudes ar ekrāna lasītājiem (VoiceOver, NVDA, JAWS) paraugu lietotnēs ir zelta vērtībā; ziņojiet par atrasto.
• Pievienojiet tēmu vai tulkojumu. Abi ir patstāvīgi, labi norobežoti pirmie ieguldījumi.
• Dalieties ar atrasto, ar minimālu atkārtojumu, GitHub krātuvē vai rakstiet uz joel@joelparkerhenderson.com.