Rökin fyrir Lily

Lily réttir þér erfiðu hlutina — merkingarfræði, aðgengi, lyklaborðshegðun, alþjóðavæðingu — og skilur útlitið alfarið, með glöðu geði, eftir hjá þér.

Byrjaðu á þinni hönnun

Teymið þitt veit nú þegar hvernig varan á að líta út. Lily byrjar nákvæmlega þar: það útvegar þá hluta sem eru raunverulega erfitt að gera rétt og dýrt að endurgera — rétta merkingarþáttinn, ARIA-stöðurnar, lyklaborðssamninginn, fókusstýringuna — og skilur sérhverja sjónræna ákvörðun eftir alfarið, með gleði, hjá þér. Þitt CSS er útlit hönnunarkerfisins frá fyrsta degi.

Þar sem hver íhlutur ber stöðugan klasakrók og hreina byggingu helst stíllinn þinn skýrt þinn í gegnum allar uppfærslur — og aðgengið undir niðri heldur áfram að virka, útgáfu eftir útgáfu.

Hverju Lily skuldbindur sig til

  • Aðgengilegt sjálfgefið. WCAG 2.2 AAA er markmiðið fyrir hvern íhlut. Mynstur fylgja WAI-ARIA Authoring Practices; sérhver gagnvirkur íhlutur er nothæfur með lyklaborði samkvæmt skjalfestum samningi; dæmaforritin halda hreinum axe-core grunnlínum.
  • Alþjóðavæðanlegt frá grunni. Sérhver texti sem notandinn sér — hver merkimiði, villa og tilkynning — er eiginleiki með stöðug heiti milli ramma, svo þýðing flæðir eðlilega. RTL og tvíátta texti erfist frá dirþínu. Íhlutir sem þekkja staðfærslu taka staðfærsluna sem eiginleika, alltaf berum orðum.
  • Eitt safn, átta rammar. Sömu 571 íhlutirnir (536 sem innbyggðir Web Components) með sömu klasakrókum og eiginleikavenjum í HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks og Web Components. CSS-ið þitt og þekking teymisins flytjast milli tækniumhverfa.
  • Óháð CSS-aðferð. Einn stöðugur kebab-case klasi á hverja íhlutarrót. Merkingarfræðilegt CSS, Tailwind-tól, CSS-in-JS eða eitt af 57 tilbúnum þemum — Lily tekur þeim öllum vel og heldur sér þokkafullt til hlés.
  • Ókeypis, að eilífu, á þínum forsendum. Opinn hugbúnaður með leyfi að eigin vali: BSD, MIT, Apache-2.0, GPL-2.0 eða GPL-3.0. Engin atvinnuútgáfa, engin sætaleyfi, engin fjarmæling.

Dýpt þar sem hún skiptir máli

Umfram hefðbundna hnappa og glugga nær safnið lengra en flest:

  • Mynstur fyrir opinbera geirann rannsökuð í hönnunarkerfum NHS UK, GOV.UK, USWDS og ONS — villuyfirlit, viðvörunarreitir, samantektarlistar, áfangaborðar, stökktenglar.
  • 140 íhlutir fyrir landsbundin persónuauðkenni sem ná yfir heilbrigðis-, landsauðkenni, skatta- og vegabréfsauðkenni í yfir 50 löndum, hver með lýsingu á sniði sínu og sannprófunaralgrími.
  • Frumeiningar fyrir ritstjórn og skrunsögur aðlagaðar frá Reuters Graphics — greinaútlit, skrunarar, tímalínur, flísakort.
  • Veljarahjálpartæki — litlir pakkar sem eiga eina víxlverkun frá upphafi til enda: þemaskipti (með hleðslu stílblaða á keyrslutíma), tungumál, textastærð, minni hreyfing, leit, síðutenglar, deiling og dagsetninga-/tímainnsláttur. Hvert er höfuðlaus táknhnappur sem opnar sprettglugga — ekki innbyggt <select> — með þrautseigju og SSR-öryggi innbyggt.

Þemu fyrir opinbera geirann, tilbúin til notkunar

Lily inniheldur 57 sjálfstæð viðmiðunarþemu sem miða beint á klasakróka þess: NHS England, NHS Scotland og NHS Wales (hvert í útgáfum fyrir sjúklinga og fagfólk), GOV.UK, USWDS, litaspjöld innblásin af Adobe Spectrum og Mozilla Protocol, og safn almennra ljósra og dökkra þema. Tengdu eitt stílblað og útlit á ríkisstofnunarstigi er komið; hjálpartækið theme-picker skiptir þeim á keyrslutíma.

Hvernig Lily ber sig saman

Við höldum heiðarlegan samanburð, íhlut fyrir íhlut, við önnur hönnunarkerfi — stíluð og höfuðlaus, viðskiptaleg og fyrir opinbera geirann. Þar sem annað safn hentar þér betur mun samanburðurinn sýna það; Lily lærir af þeim öllum og vitnar opinskátt í innblástur sinn.

Hverjir standa að baki

Lily er ungt, sjálfstætt opinn hugbúnaðarverkefni sem tekur fagnandi samstarfi, leiðsögn og endurgjöf — sjá Um fyrir söguna og innblásturinn. Allt — forskriftin, prófin, vegvísirinn, jafnvel úttektartólin — er opið á github.com/LilyDesignSystem.

Hjálpaðu Lily að vaxa

Ef Lily gagnast þér er þetta verðmætasta sem þú getur gert:

  • Stjörnumerktu og deildu. Stjörnumerktu aðalgeymsluna og sýndu samstarfsfélaga safnið — vitund er af skornum skammti hjá ungu verkefni.
  • Byggðu eitthvað og segðu okkur frá því. Skýrslur um raunverulega notkun — hvað virkaði, hvað mætti ganga betur — móta vegvísinn meira en nokkuð annað.
  • Úttektir á aðgengi. Skjálesaraprófanir (VoiceOver, NVDA, JAWS) á dæmaforritunum eru gulls ígildi; skráðu það sem þú finnur.
  • Leggðu til þema eða þýðingu. Hvort tveggja eru sjálfstæð, vel afmörkuð fyrstu framlög.
  • Deildu því sem þú finnur, með lágmarksendurgerð, í GitHub-geymslunni, eða sendu tölvupóst til joel@joelparkerhenderson.com.