Cùis Lily

Tòisich bhon dealbhadh agad

Tha fios aig an sgioba agad mu thràth ciamar a bu chòir don toradh agad coimhead. Tòisichidh Lily bhon àite sin gu pongail: bheir i seachad na pàirtean a tha fìor dhoirbh fhaighinn ceart agus daor ath-dhèanamh — an eileamaid sheamantach cheart, staidean ARIA, cùmhnant a’ chlàr-iuchrach, stiùireadh fòcais — agus fàgaidh i gach co-dhùnadh lèirsinneach gu tur, gu h-aoibhneach, agadsa. Is e do CSS fhèin coltas an t-siostam dealbhaidh bhon chiad latha.

Leis gu bheil crochadh clas seasmhach agus structar glan aig gach co-phàirt, fanaidh do stoidhle gu glan leatsa tro gach ùrachadh — agus lean an t-so-ruigsinneachd fodha air adhart ag obair, dreach às dèidh dreach.

Dè a tha Lily a’ gealltainn

• So-ruigsinneach a ghnàth. ’S e WCAG 2.2 AAA an targaid airson gach co-phàirt. Leanaidh pàtranan Cleachdaidhean Ùghdarrachaidh WAI-ARIA; faodar gach co-phàirt eadar-ghnìomhach obrachadh leis a’ chlàr-iuchrach fo chùmhnant sgrìobhte; cumaidh na tagraidhean eisimpleir bun-loidhne axe-core glan.
• Eadar-nàiseantach le dealbhadh. Tha gach sreang a chì cleachdaiche — gach leubail, mearachd agus fios — na prop le ainmean seasmhach thar fhrèamaichean, agus mar sin sruthaidh eadar-theangachadh gu nàdarra. Gabhaidh RTL agus teacsa dà-chlaon seilbh bhon diragad. Gabhaidh co-phàirtean a tha mothachail air an locale an locale mar prop, an-còmhnaidh gu follaiseach.
• Aon chatalog, ochd frèamaichean. An aon 571 co-phàirt (536 mar Web Components dùthchasach) leis na h-aon chrochaidhean clas agus gnàthasan prop ann an HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks agus Web Components. Gluaisidh do CSS agus eòlas an sgioba agad thar stac.
• Neo-eisimeileach air ro-innleachd CSS. Aon chlas kebab-case seasmhach airson gach freumh co-phàirt. CSS seamantach, goireasan Tailwind, CSS-in-JS, no fear dhe na 57 ùrlaran deiseil — fàilteachaidh Lily iad uile agus fanaidh i gu grinn a-mach às an rathad.
• An-asgaidh, gu bràth, air na teirmean agadsa. Tùs fosgailte fo do roghainn de BSD, MIT, Apache-2.0, GPL-2.0 no GPL-3.0. Gun ìre pro, gun chead-suidheachain, gun telemetry.

Doimhneachd far a bheil e cudromach

Seachad air na putanan is còmhraidhean àbhaisteach, ruigidh an catalog nas fhaide na a’ mhòr-chuid:

• Pàtranan na roinn poblaich rannsaichte bho shiostaman dealbhaidh NHS UK, GOV.UK, USWDS agus ONS — geàrr-chunntasan mhearachdan, cuirmean rabhaidh, liostaichean geàrr-chunntais, bratan ìre, ceanglaichean leum.
• 140 co-phàirt aithnichearan pearsanta nàiseanta a’ còmhdach aithnichearan slàinte, ID nàiseanta, cìse agus cead-siubhail thar 50+ dùthaich, gach fear a’ clàradh a chruth agus an algairim dearbhaidh aige.
• Prìomh-bhlocaichean deasachaidh is scrollytelling air an atharrachadh bho Reuters Graphics — cruthan-dhealbh artaigil, scrollers, loidhnichean-ama, mapaichean-leacan.
• Cuideachaidhean roghnaiche — pasganan beaga a tha a’ gabhail seilbh air aon eadar-ghnìomh bho thoiseach gu deireadh: atharrachadh ùrlair (le luchdadh stoidhle-duilleig aig àm ruith), cànan, meud teacsa, gluasad lùghdaichte, lorg, ceanglaichean duilleige, co-roinn, agus cur-a-steach cinn-latha is ama. Tha gach fear na phutan ìomhaigh gun cheann a dh’fhosglas priob-uinneag — chan e <select> dùthchasach — le seasmhachd agus sàbhailteachd SSR togte a-staigh.

Ùrlaran airson na roinn poblaich, deiseil dhut

Tha Lily a’ solarachadh 57 ùrlar-tùsais neo-eisimeileach a tha a’ targaideachadh a crochadh-chlas gu dìreach: NHS England, NHS Scotland, agus NHS Wales (gach fear ann an caochlaidhean ris an taobh a-muigh airson euslaintich agus luchd-cleachdaidh), GOV.UK, USWDS, pailetean air am brosnachadh le Adobe Spectrum agus Mozilla Protocol, agus sreath de ùrlaran solais is dorcha coitcheann. Ceangail aon bhileag-stoidhle agus tha coltas aig ìre riaghaltais air; bidh an cuideachadh theme-picker gan atharrachadh aig àm ruith.

Mar a choimeasar Lily

Cumaidh sinn coimeas onarach, co-phàirt air cho-phàirt, le siostaman dealbhaidh eile — le stoidhle is gun cheann, malairteach is na roinn poblaich. Far a bheil leabharlann eile nas freagarraiche dhut, seallaidh an coimeas e; ionnsaichidh Lily bhon h-uile fear agus ainmichidh i na brosnachaidhean aice gu fosgailte.

Cò tha air a chùl

’S e pròiseact tùs fosgailte òg, neo-eisimeileach a th’ ann an Lily a tha fàilteachail do cho-obrachadh, stiùireadh agus fios air ais — faic Mu dheidhinn airson an sgeulachd agus na brosnachaidhean. Tha a h-uile càil — an sònrachadh, na deuchainnean, an clàr-rathaid, eadhon an uidheamachd sgrùdaidh — fosgailte aig github.com/LilyDesignSystem.

Cuidich Lily fàs

Ma tha Lily feumail dhut, seo na rudan as luachmhoire as urrainn dhut a dhèanamh:

• Cuir rionnag is co-roinn. Cuir rionnag ris an phrìomh stòr agus seall an catalog do cho-obraiche — is e mothachadh an goireas as gainne a th’ aig pròiseact òg.
• Tog rudeigin agus innis dhuinn. Bheir aithisgean cleachdaidh fìor — dè dh’obraich, dè a b’ urrainn a bhith nas rèidhe — cumadh air a’ chlàr-rathaid nas motha na rud sam bith eile.
• Sgrùd so-ruigsinneachd. Tha seòlaidhean leughadair-sgrìn (VoiceOver, NVDA, JAWS) air na tagraidhean eisimpleir luachmhor; cuir a-steach na lorgas tu.
• Cuir ùrlar no eadar-theangachadh ris. Tha an dà chuid nan ciad cho-chuiridhean fèin-chumail, le crìochan math.
• Co-roinn na lorgas tu, le ath-riochdachadh as lugha, air stòr GitHub, no cuir post-d gu joel@joelparkerhenderson.com.