Argumendid Lily kasuks
Lily annab sulle rasked osad – semantika, juurdepääsetavus, klaviatuurikäitumine, rahvusvahelistamine – ja jätab välimuse täielikult ning heameelega sinule.
Alusta oma disainist
Sinu meeskond teab juba, kuidas sinu toode peaks välja nägema. Lily alustab täpselt sealt: see pakub osi, mida on tõesti raske õigesti teha ja kallis ümber teha – õige semantiline element, ARIA olekud, klaviatuurileping, fookuse haldus – ja jätab iga visuaalse otsuse täielikult ja rõõmuga sinule. Sinu CSS on disainisüsteemi välimus esimesest päevast.
Kuna igal komponendil on stabiilne klassihaak ja puhas struktuur, jääb sinu kujundus iga uuenduse puhul puhtalt sinu omaks – ja all olev juurdepääsetavus töötab edasi, versioon versiooni järel.
Mida Lily lubab
- Vaikimisi juurdepääsetav. WCAG 2.2 AAA on iga komponendi eesmärk. Mustrid järgivad WAI-ARIA Authoring Practices'it, iga interaktiivset komponenti saab klaviatuuriga kasutada dokumenteeritud lepingu järgi ning näiterakendused hoiavad puhast axe-core'i baasjoont.
-
Ehituselt rahvusvahelistatav. Iga kasutajale nähtav string – iga silt, viga ja teadaanne – on atribuut, millel on raamistikuüleselt stabiilsed nimed, nii et tõlkimine toimub loomulikult. RTL ja kahesuunaline tekst pärivad sinu
dir. Keelepõhised komponendid võtavad keele atribuudina, alati selgesõnaliselt. - Üks kataloog, kaheksa raamistikku. Samad 571 komponenti (536 natiivsete Web Components'ina) samade klassihaakide ja atribuudikokkulepetega HTML-is, Svelte'is, Reactis, Vue's, Angularis, Blazoris, Nunjucksis ja Web Components'is. Sinu CSS ja meeskonna teadmised kanduvad üle tehnoloogiapakettide vahel.
- CSS-strateegiast sõltumatu. Üks stabiilne kebab-case klass komponendi juure kohta. Semantiline CSS, Tailwindi utiliidid, CSS-in-JS või üks 57 valmisteemast – Lily võtab kõik vastu ja hoiab graatsiliselt eemale.
- Tasuta, igavesti, sinu tingimustel. Avatud lähtekood sinu valitud litsentsi all: BSD, MIT, Apache-2.0, GPL-2.0 või GPL-3.0. Ei mingit pro-taset, ei kasutajalitsentse, ei telemeetriat.
Sügavus seal, kus see loeb
Lisaks tavalistele nuppudele ja dialoogidele ulatub kataloog kaugemale kui enamik:
- Avaliku sektori mustrid uuritud NHS UK, GOV.UK, USWDS-i ja ONS-i disainisüsteemidest – veakokkuvõtted, hoiatusplokid, kokkuvõtteloendid, faasibännerid, vahelejätmislingid.
- 140 riiklikku isikutunnuse komponenti mis katavad tervishoiu-, riikliku ID, maksu- ja passitunnuseid enam kui 50 riigis, igaühel dokumenteeritud vorming ja valideerimisalgoritm.
- Toimetuse- ja scrollytelling'u ehitusplokid kohandatud Reuters Graphicsilt – artiklipaigutused, kerijad, ajajooned, kihtkaardid.
-
Valijaabilised – väikesed paketid, mis haldavad ühte interaktsiooni algusest lõpuni: teemavahetus (koos laadimisaegse stiilifaili laadimisega), keel, teksti suurus, vähendatud liikumine, otsing, lehelingid, jagamine ning kuupäeva ja kellaaja sisestus. Iga neist on päisteta ikoonnupp, mis avab hüpikakna – mitte natiivne
<select>– sisseehitatud püsivuse ja SSR-turvalisusega.
Avaliku sektori teemad, karbist välja võttes valmis
Lily tarnib 57 iseseisvat viiteteemat, mis sihivad otse selle klassihaake: NHS England, NHS Scotland ja NHS Wales (igaüks patsiendi- ja praktiseerija-variandis), GOV.UK, USWDS, Adobe Spectrumist ja Mozilla Protocolist inspireeritud paletid ning hulk üldotstarbelisi heledaid ja tumedaid teemasid. Lingi üks stiilifail ja valitsustasemel välimus on sees; abiline theme-picker vahetab neid töö ajal.
Kuidas Lily võrdlusest välja tuleb
Peame ausat, komponendipõhist võrdlust teiste disainisüsteemidega – kujundatud ja päisteta, kommertsiaalsed ja avaliku sektori omad. Kus mõni teine teek sobib sulle paremini, seal võrdlus seda näitab; Lily õpib neist kõigist ja nimetab oma inspiratsiooniallikaid avalikult.
Kes seisab selle taga
Lily on noor, sõltumatu avatud lähtekoodiga projekt, mis tervitab koostööd, juhiseid ja tagasisidet – vaata Teave loo ja inspiratsiooniallikate kohta. Kõik – spetsifikatsioon, testid, tegevuskava, isegi auditeerimisvahendid – on avalikult kättesaadav aadressil github.com/LilyDesignSystem.
Aita Lilyl kasvada
Kui Lily on sulle kasulik, siis kõige väärtuslikumad asjad, mida saad teha:
- Anna täht ja jaga. Anna täht põhihoidlale ja näita kolleegile kataloogi – teadlikkus on noore projekti kõige napim ressurss.
- Ehita midagi ja anna meile teada. Päriselu kasutusaruanded – mis töötas, mis võiks sujuvam olla – kujundavad tegevuskava rohkem kui miski muu.
- Auditeeri juurdepääsetavust. Ekraanilugejate (VoiceOver, NVDA, JAWS) läbimängud näiterakendustel on kuld; anna teada, mida leiad.
- Panusta teema või tõlge. Mõlemad on iseseisvad, hästi piiritletud esimesed panused.
- Jaga leitut koos minimaalse taasesitusega GitHubi hoidlas või saada e-kiri aadressile joel@joelparkerhenderson.com.