Perustelut Lilylle

Aloita omasta suunnittelustasi

Tiimisi tietää jo, miltä tuotteesi pitäisi näyttää. Lily alkaa täsmälleen siitä: se tarjoaa osat, joiden tekeminen oikein on todella vaikeaa ja uudelleen tekeminen kallista – oikean semanttisen elementin, ARIA-tilat, näppäimistösopimuksen, kohdistuksen hallinnan – ja jättää jokaisen visuaalisen päätöksen kokonaan ja ilolla sinulle. Sinun CSS:äsi on suunnittelujärjestelmän ulkoasu ensimmäisestä päivästä.

Koska jokaisessa komponentissa on vakaa luokkakoukku ja puhdas rakenne, tyylittelysi pysyy puhtaasti omanasi jokaisen päivityksen läpi – ja sen alla oleva saavutettavuus jatkaa toimintaansa versiosta toiseen.

Mihin Lily sitoutuu

• Saavutettava oletuksena. WCAG 2.2 AAA on jokaisen komponentin tavoite. Mallit noudattavat WAI-ARIA Authoring Practices -ohjeita, jokainen vuorovaikutteinen komponentti on käytettävissä näppäimistöllä dokumentoidun sopimuksen mukaan, ja esimerkkisovellukset pitävät puhtaan axe-core-perustason.
• Kansainvälistettävä rakenteeltaan. Jokainen käyttäjälle näkyvä merkkijono – jokainen nimiö, virhe ja ilmoitus – on ominaisuus, jonka nimet ovat vakaita kaikissa kehyksissä, joten kääntäminen sujuu luontevasti. RTL ja kaksisuuntainen teksti perivät dir-attribuuttisi. Kielitietoiset komponentit saavat kielen ominaisuutena, aina nimenomaisesti.
• Yksi luettelo, kahdeksan kehystä. Samat 571 komponenttia (536 natiivina Web Components -komponentteina) samoilla luokkakoukuilla ja ominaisuuskäytännöillä HTML:ssä, Sveltessä, Reactissa, Vuessa, Angularissa, Blazorissa, Nunjucksissa ja Web Componentsissa. CSS:äsi ja tiimisi osaaminen siirtyvät teknologiapinojen välillä.
• CSS-strategiasta riippumaton. Yksi vakaa kebab-case-luokka komponentin juurta kohti. Semanttinen CSS, Tailwind-apuluokat, CSS-in-JS tai yksi 57 valmiista teemasta – Lily toivottaa kaikki tervetulleiksi ja pysyy sulavasti poissa tieltä.
• Ilmainen, ikuisesti, sinun ehdoillasi. Avointa lähdekoodia valitsemallasi lisenssillä: BSD, MIT, Apache-2.0, GPL-2.0 tai GPL-3.0. Ei pro-tasoa, ei käyttäjäkohtaisia lisenssejä, ei telemetriaa.

Syvyyttä siellä, missä sillä on väliä

Tavallisten painikkeiden ja valintaikkunoiden lisäksi luettelo ulottuu pidemmälle kuin useimmat:

• Julkisen sektorin mallit tutkittu NHS UK:n, GOV.UK:n, USWDS:n ja ONS:n suunnittelujärjestelmistä – virheyhteenvedot, varoituskorostukset, yhteenvetoluettelot, vaihebannerit ja ohituslinkit.
• 140 kansallisen henkilötunnisteen komponenttia jotka kattavat terveydenhuollon, kansalliset henkilöllisyys-, vero- ja passitunnisteet yli 50 maassa, kukin dokumentoituine muotoineen ja validointialgoritmeineen.
• Toimituksellisen sisällön ja scrollytellingin perusosat mukautettu Reuters Graphicsilta – artikkeliasettelut, vierittäjät, aikajanat, laattakartat.
• Valitsinapurit – pienet paketit, jotka omistavat yhden vuorovaikutuksen alusta loppuun: teeman vaihto (ajonaikaisella tyylitiedoston latauksella), kieli, tekstikoko, vähennetty liike, haku, sivulinkit, jakaminen sekä päivämäärän ja ajan syöttö. Jokainen on päätön kuvakepainike, joka avaa ponnahdusikkunan – ei natiivi <select> – pysyvyys ja SSR-turvallisuus sisäänrakennettuina.

Julkisen sektorin teemat valmiina

Lily toimittaa 57 itsenäistä viiteteemaa, jotka kohdistuvat suoraan sen luokkakoukkuihin: NHS England, NHS Scotland ja NHS Wales (kukin potilas- ja ammattilaisversiona), GOV.UK, USWDS, Adobe Spectrumista ja Mozilla Protocolista innoituksensa saaneet paletit sekä joukko yleiskäyttöisiä vaaleita ja tummia teemoja. Linkitä yksi tyylitiedosto, ja viranomaistason ulkoasu on käytössä; apuri theme-picker vaihtaa niitä ajon aikana.

Miten Lily pärjää vertailussa

Pidämme rehellistä, komponentti komponentilta etenevää vertailua muihin suunnittelujärjestelmiin – tyyliteltyihin ja päättömiin, kaupallisiin ja julkisen sektorin järjestelmiin. Missä jokin toinen kirjasto sopii sinulle paremmin, vertailu näyttää sen; Lily oppii kaikista ja mainitsee vaikuttimensa avoimesti.

Ketkä ovat taustalla

Lily on nuori, riippumaton avoimen lähdekoodin projekti, joka toivottaa tervetulleeksi yhteistyön, ohjauksen ja palautteen – katso Tietoa tarinasta ja vaikutteista. Kaikki – määrittely, testit, tiekartta, jopa auditointityökalut – on avoimena osoitteessa github.com/LilyDesignSystem.

Auta Lilyä kasvamaan

Jos Lily on sinulle hyödyllinen, arvokkaimmat asiat, joita voit tehdä:

• Anna tähti ja jaa. Anna tähti päärepositoriolle ja näytä kollegalle luettelon – tunnettuus on nuoren projektin niukin resurssi.
• Rakenna jotain ja kerro meille. Käytännön käyttöraportit – mikä toimi, mikä voisi sujua sujuvammin – muokkaavat tiekarttaa enemmän kuin mikään muu.
• Auditoi saavutettavuus. Näytönlukijakäynnit (VoiceOver, NVDA, JAWS) esimerkkisovelluksissa ovat kultaa; ilmoita löytämäsi.
• Lahjoita teema tai käännös. Molemmat ovat itsenäisiä, hyvin rajattuja ensimmäisiä panoksia.
• Jaa löytämäsi minimaalisen toistotavan kanssa GitHub-repossa tai lähetä sähköpostia osoitteeseen joel@joelparkerhenderson.com.