Hoja ya Lily

Lily hukupa sehemu ngumu — semantiki, ufikivu, tabia ya kibodi, tafsiri kwa lugha nyingi — na huacha mwonekano wote kwako, kwa furaha.

Anza kutoka kwa usanifu wako

Timu yako tayari inajua bidhaa yako inapaswa kuonekanaje. Lily huanzia hapo hasa: hutoa sehemu ambazo ni ngumu kweli kuzifanya vizuri na ghali kuzirudia — kipengele sahihi cha kisemantiki, hali za ARIA, mkataba wa kibodi, usimamizi wa umakini — na huacha kila uamuzi wa kuona kuwa wako kabisa, kwa furaha. CSS yako ndiyo mwonekano wa mfumo wa usanifu tangu siku ya kwanza.

Kwa sababu kila kipengele kina kishikio thabiti cha darasa na muundo safi, mapambo yako yanabaki yako kupitia kila toleo jipya — na ufikivu ulio chini yake unaendelea kufanya kazi, toleo baada ya toleo.

Lily inaahidi nini

  • Inafikika kwa chaguo-msingi. WCAG 2.2 AAA ndilo lengo kwa kila kipengele. Michoro inafuata Mazoea ya Uandishi ya WAI-ARIA; kila kipengele shirikishi kinaweza kuendeshwa kwa kibodi kwa mkataba ulioandikwa; programu za mifano zinadumisha msingi safi wa axe-core.
  • Inaweza kutafsiriwa kwa muundo wake. Kila maandishi ya mtumiaji — kila lebo, kosa, na tangazo — ni sifa yenye majina thabiti kati ya mifumo ya kazi, hivyo tafsiri hutiririka kwa urahisi. RTL na maandishi ya pande mbili hurithi dir yako. Vipengele vinavyojali lugha na eneo hupokea lugha kama sifa, kila mara waziwazi.
  • Orodha moja, mifumo minane ya kazi. Vipengele vilevile 571 (536 kama Web Components asilia) vyenye vishikio vya darasa na kanuni za sifa zilezile katika HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks, na Web Components. CSS yako na maarifa ya timu yako huhamia kati ya mifumo.
  • Haitegemei mkakati wa CSS. Darasa moja thabiti la herufi ndogo zilizotenganishwa kwa kistari kwa kila mzizi wa kipengele. CSS ya kisemantiki, huduma za Tailwind, CSS-in-JS, au mojawapo ya mandhari 57 yaliyo tayari — Lily inakaribisha yote na kukupisha njia kwa upole.
  • Bure, milele, kwa masharti yako. Chanzo wazi chini ya chaguo lako la BSD, MIT, Apache-2.0, GPL-2.0, au GPL-3.0. Hakuna daraja la kulipia, hakuna leseni za viti, hakuna ufuatiliaji wa matumizi.

Kina pale kinapohitajika

Zaidi ya vitufe na visanduku vya mazungumzo vya kawaida, orodha hii inafika mbali zaidi kuliko nyingi:

  • Michoro ya sekta ya umma iliyofanyiwa utafiti kutoka mifumo ya usanifu ya NHS UK, GOV.UK, USWDS, na ONS — muhtasari wa makosa, vidokezo vya onyo, orodha za muhtasari, mabango ya awamu, viungo vya kuruka.
  • Vipengele 140 vya vitambulisho vya kitaifa vya mtu binafsi vinavyohusu vitambulisho vya afya, vitambulisho vya taifa, kodi, na pasipoti katika nchi zaidi ya 50, kila kimoja kikieleza muundo wake na algoriti ya uthibitishaji.
  • Vipengele vya msingi vya uhariri na usimulizi wa kusogeza vilivyochukuliwa kutoka Reuters Graphics — mpangilio wa makala, visogezi, ratiba za matukio, ramani za vigae.
  • Visaidizi vya vichaguzi — vifurushi vidogo vinavyomiliki mwingiliano mmoja kuanzia mwanzo hadi mwisho: kubadili mandhari (pamoja na kupakia karatasi za mitindo wakati wa utekelezaji), lugha, ukubwa wa maandishi, mwendo uliopunguzwa, utafutaji, viungo vya kurasa, kushiriki, na uingizaji wa tarehe na saa. Kila kimoja ni kitufe cha ikoni kisicho na mwonekano kinachofungua dirisha ibukizi — si <select> asilia — chenye uhifadhi na usalama wa SSR vilivyojengewa ndani.

Mandhari ya sekta ya umma, tayari kutumika

Lily inakuja na mandhari 57 huru ya marejeo yanayolenga vishikio vyake vya darasa moja kwa moja: NHS England, NHS Scotland, na NHS Wales (kila moja katika matoleo ya wagonjwa na ya watendaji), GOV.UK, USWDS, paleti zilizotokana na Adobe Spectrum na Mozilla Protocol, na mkusanyiko wa mandhari ya jumla ya mwanga na giza. Unganisha karatasi moja ya mitindo na mwonekano wa kiwango cha serikali unawashwa; kisaidizi cha theme-picker hubadilisha mandhari hayo wakati wa utekelezaji.

Lily inalinganishwaje

Tunatunza ulinganisho wa kweli, kipengele kwa kipengele, dhidi ya mifumo mingine ya usanifu — yenye mapambo na isiyo na mwonekano, ya kibiashara na ya sekta ya umma. Pale maktaba nyingine inakufaa zaidi, ulinganisho utaonyesha; Lily hujifunza kutoka kwa zote na hutaja vyanzo vyake vya msukumo hadharani.

Nani yuko nyuma yake

Lily ni mradi mchanga, huru wa chanzo wazi unaokaribisha ushirikiano, mwongozo, na maoni — tazama Kuhusu kwa hadithi na vyanzo vya msukumo. Kila kitu — maelezo ya kiufundi, majaribio, ramani ya njia, hata zana za ukaguzi — kiko wazi kwenye github.com/LilyDesignSystem.

Saidia Lily ikue

Kama Lily inakufaa, mambo yenye thamani zaidi unayoweza kufanya:

  • Weka nyota na ushiriki. Weka nyota kwenye hifadhi kuu na umwonyeshe mfanyakazi mwenzako orodha — kujulikana ndiyo rasilimali adimu zaidi ya mradi mchanga.
  • Jenga kitu na utuambie. Ripoti za matumizi halisi — kilichofanya kazi, kinachoweza kuwa laini zaidi — huunda ramani ya njia kuliko kitu kingine chochote.
  • Kagua ufikivu. Majaribio ya visomaji skrini (VoiceOver, NVDA, JAWS) kwenye programu za mifano ni dhahabu; tuletee ulichokipata.
  • Changia mandhari au tafsiri. Yote mawili ni michango ya kwanza iliyojitosheleza na yenye wigo mzuri.
  • Shiriki ulichokipata, pamoja na hatua chache za kukirudia, kwenye hifadhi ya GitHub, au tuma barua pepe kwa joel@joelparkerhenderson.com.