Yr achos dros Lily

Dechreuwch o'ch dyluniad chi

Mae eich tîm eisoes yn gwybod sut y dylai eich cynnyrch edrych. Mae Lily yn dechrau o'r union le hwnnw: mae'n cyflenwi'r rhannau sy'n wirioneddol anodd eu cael yn iawn ac yn ddrud eu hailwneud — yr elfen semantig gywir, cyflyrau ARIA, contract y bysellfwrdd, rheoli ffocws — ac yn gadael pob penderfyniad gweledol yn gyfan gwbl, a hynny'n llawen, yn eiddo i chi. Eich CSS chi yw golwg y system ddylunio, o'r diwrnod cyntaf.

Gan fod pob cydran yn cario bachyn dosbarth sefydlog a strwythur pur, mae eich arddullio yn aros yn eiddo i chi drwy bob uwchraddio — ac mae'r hygyrchedd oddi tano yn dal i weithio, fersiwn ar ôl fersiwn.

Beth mae Lily yn ymrwymo iddo

• Hygyrch yn ddiofyn. WCAG 2.2 AAA yw'r nod ar gyfer pob cydran. Mae'r patrymau'n dilyn Arferion Awduro WAI-ARIA; gellir gweithredu pob cydran ryngweithiol â'r bysellfwrdd gyda chontract wedi'i ddogfennu; mae'r apiau enghreifftiol yn cadw llinell sylfaen axe-core lân.
• Rhyngwladoladwy drwy ddylunio. Mae pob llinyn sy'n wynebu'r defnyddiwr — pob label, gwall, a hysbysiad — yn brop gydag enwau sefydlog ar draws fframweithiau, felly mae cyfieithu'n llifo'n naturiol. Mae testun de-i-chwith a deugyfeiriadol yn etifeddu o'ch dir. Mae cydrannau sy'n ymwybodol o'r locale yn cymryd y locale fel prop, bob amser yn benodol.
• Un catalog, wyth fframwaith. Yr un 571 cydran (536 fel Web Components brodorol) gyda'r un bachau dosbarth a chonfensiynau propiau yn HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks, a Web Components. Mae eich CSS a gwybodaeth eich tîm yn trosglwyddo ar draws pentyrrau.
• Yn niwtral o ran strategaeth CSS. Un dosbarth kebab-case sefydlog i bob gwraidd cydran. CSS semantig, cyfleustodau Tailwind, CSS-in-JS, neu un o'r 45 thema barod — mae Lily yn croesawu pob un ac yn cadw'n gymwynasgar o'r ffordd.
• Am ddim, am byth, ar eich telerau chi. Cod agored o dan eich dewis o BSD, MIT, Apache-2.0, GPL-2.0, neu GPL-3.0. Dim haen pro, dim trwyddedau fesul sedd, dim telemetreg.

Dyfnder lle mae'n bwysig

Y tu hwnt i'r botymau a'r deialogau arferol, mae'r catalog yn ymestyn yn bellach na'r rhan fwyaf:

• Patrymau'r sector cyhoeddus a ymchwiliwyd o systemau dylunio NHS UK, GOV.UK, USWDS, ac ONS — crynodebau gwallau, galwadau rhybudd, rhestrau crynodeb, baneri cyfnod, dolenni neidio.
• 140 o gydrannau dynodwyr personol cenedlaethol sy'n cwmpasu dynodwyr gofal iechyd, cardiau adnabod cenedlaethol, treth, a phasbort mewn mwy na 50 o wledydd, pob un yn dogfennu ei fformat a'i algorithm dilysu.
• Elfennau sylfaenol golygyddol a sgrolio-straeon wedi'u haddasu o Reuters Graphics — cynlluniau erthyglau, sgrolwyr, llinellau amser, mapiau teils.
• Cynorthwywyr dewis — pecynnau bach sy'n berchen ar un rhyngweithiad o'r dechrau i'r diwedd: newid thema (gyda llwytho dalen arddull ar amser rhedeg), iaith, maint testun, symudiad llai, chwilio, dolenni tudalennau, rhannu, a mewnbynnu dyddiad ac amser. Mae pob un yn fotwm eicon headless sy'n agor ffenestr naid — nid <select> brodorol — gyda dyfalbarhad a diogelwch SSR wedi'u hymgorffori.

Themâu ar gyfer y sector cyhoeddus, yn syth o'r bocs

Mae Lily yn cludo 45 thema gyfeirio annibynnol sy'n targedu ei bachau dosbarth yn uniongyrchol: GIG Lloegr, GIG yr Alban, a GIG Cymru (pob un mewn amrywiadau ar gyfer cleifion ac ar gyfer ymarferwyr), GOV.UK, USWDS, palet wedi'u hysbrydoli gan Adobe Spectrum a Mozilla Protocol, a set o themâu golau a thywyll pwrpas cyffredinol. Cysylltwch un ddalen arddull ac mae golwg gradd-llywodraeth ymlaen; mae'r cynorthwyydd theme-picker yn eu cyfnewid ar amser rhedeg.

Sut mae Lily yn cymharu

Rydym yn cadw cymhariaeth onest, cydran wrth gydran, yn erbyn systemau dylunio eraill — wedi'u harddullio a headless, masnachol a sector cyhoeddus. Lle mae llyfrgell arall yn gweddu'n well i chi, bydd y gymhariaeth yn dangos hynny; mae Lily yn dysgu o bob un ohonynt ac yn nodi ei hysbrydoliaeth yn agored.

Pwy sydd y tu ôl iddo

Prosiect cod agored annibynnol ifanc yw Lily sy'n croesawu cydweithio, arweiniad, ac adborth — gweler Amdanom am y stori a'r ysbrydoliaeth. Mae popeth — y fanyleb, y profion, y map ffordd, hyd yn oed yr offer archwilio — yn agored yn github.com/LilyDesignSystem.

Helpwch Lily i dyfu

Os yw Lily yn ddefnyddiol i chi, y pethau mwyaf gwerthfawr y gallwch eu gwneud:

• Rhowch seren a rhannwch. Rhowch seren i'r prif ystorfa a dangoswch y catalog i gydweithiwr — ymwybyddiaeth yw'r adnodd prinnaf sydd gan brosiect ifanc.
• Adeiladwch rywbeth a dywedwch wrthym. Mae adroddiadau defnydd go iawn — beth weithiodd, beth allai fod yn llyfnach — yn llunio'r map ffordd yn fwy nag unrhyw beth arall.
• Archwiliwch hygyrchedd. Mae rhedeg rhaglenni darllen sgrin (VoiceOver, NVDA, JAWS) ar yr apiau enghreifftiol yn werthfawr tu hwnt; ffeiliwch yr hyn a ganfyddwch.
• Cyfrannwch thema neu gyfieithiad. Mae'r ddau yn gyfraniadau cyntaf hunangynhwysol, wedi'u cwmpasu'n dda.
• Rhannwch yr hyn a ganfyddwch, gydag atgynhyrchiad lleiaf, ar yr ystorfa berthnasol, neu e-bostiwch joel@joelparkerhenderson.com.