Lily కోసం వాదన

Lily కఠినమైన భాగాలను మీకు అందిస్తుంది — సెమాంటిక్స్, అందుబాటు, కీబోర్డ్ ప్రవర్తన, అంతర్జాతీయీకరణ — మరియు రూపాన్ని పూర్తిగా, సంతోషంగా, మీకే వదిలేస్తుంది.

మీ స్వంత డిజైన్ నుండి ప్రారంభించండి

మీ ఉత్పత్తి ఎలా కనిపించాలో మీ బృందానికి ఇప్పటికే తెలుసు. Lily సరిగ్గా అక్కడి నుండే మొదలవుతుంది: సరిగ్గా చేయడం నిజంగా కష్టమైన, తిరిగి చేయడం ఖరీదైన భాగాలను అందిస్తుంది — సరైన సెమాంటిక్ ఎలిమెంట్, ARIA స్థితులు, కీబోర్డ్ ఒప్పందం, ఫోకస్ నిర్వహణ — మరియు ప్రతి దృశ్య నిర్ణయాన్ని పూర్తిగా, ఆనందంగా, మీకే వదిలేస్తుంది. మీ CSS మొదటి రోజు నుండే డిజైన్ వ్యవస్థ రూపం.

ప్రతి భాగం స్థిరమైన క్లాస్ హుక్ మరియు స్వచ్ఛమైన నిర్మాణాన్ని కలిగి ఉండటం వల్ల, ప్రతి అప్‌గ్రేడ్‌లోనూ మీ శైలి శుభ్రంగా మీదే ఉంటుంది — మరియు కింద ఉన్న అందుబాటు వెర్షన్ తర్వాత వెర్షన్ పని చేస్తూనే ఉంటుంది.

Lily ఏమి వాగ్దానం చేస్తుంది

  • డిఫాల్ట్‌గా అందుబాటులో. ప్రతి భాగానికీ WCAG 2.2 AAA లక్ష్యం. నమూనాలు WAI-ARIA Authoring Practices ను అనుసరిస్తాయి; ప్రతి పరస్పర చర్య భాగం పత్రబద్ధ ఒప్పందంతో కీబోర్డ్‌తో నడపదగినది; ఉదాహరణ యాప్‌లు శుభ్రమైన axe-core బేస్‌లైన్ ఉంచుతాయి.
  • నిర్మాణం ప్రకారమే అంతర్జాతీయీకరించదగినది. వినియోగదారుకు కనిపించే ప్రతి స్ట్రింగ్ — ప్రతి లేబుల్, లోపం, ప్రకటన — ఫ్రేమ్‌వర్కుల మధ్య స్థిరమైన పేర్లతో ఉన్న ప్రాప్, కాబట్టి అనువాదం సహజంగా ప్రవహిస్తుంది. RTL మరియు ద్విదిశ టెక్స్ట్ మీ dir నుండి వారసత్వంగా వస్తాయి. లొకేల్-అవగాహన భాగాలు లొకేల్‌ను ప్రాప్‌గా తీసుకుంటాయి, ఎల్లప్పుడూ స్పష్టంగా.
  • ఒక జాబితా, ఎనిమిది ఫ్రేమ్‌వర్కులు. అవే 571 భాగాలు (536 స్థానిక Web Components గా) HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks మరియు Web Components లో అవే క్లాస్ హుక్స్ మరియు ప్రాప్ సంప్రదాయాలతో. మీ CSS మరియు బృంద జ్ఞానం స్టాక్‌ల మధ్య బదిలీ అవుతుంది.
  • CSS వ్యూహంతో సంబంధం లేనిది. ప్రతి భాగం రూట్‌కు ఒక స్థిరమైన కబాబ్-కేస్ క్లాస్. సెమాంటిక్ CSS, Tailwind యుటిలిటీలు, CSS-in-JS, లేదా 57 సిద్ధ థీమ్‌లలో ఒకటి — Lily అన్నింటినీ స్వాగతిస్తుంది మరియు సొగసుగా దారి నుండి తప్పుకుంటుంది.
  • ఉచితం, ఎప్పటికీ, మీ నిబంధనలపై. BSD, MIT, Apache-2.0, GPL-2.0, లేదా GPL-3.0 లో మీ ఎంపికతో ఓపెన్ సోర్స్. ప్రో శ్రేణి లేదు, సీటు లైసెన్సులు లేవు, టెలిమెట్రీ లేదు.

ముఖ్యమైన చోట లోతు

సాధారణ బటన్లు, డైలాగ్‌లకు మించి, జాబితా చాలా వాటి కంటే ఎక్కువ దూరం చేరుతుంది:

  • ప్రభుత్వ రంగ నమూనాలు NHS UK, GOV.UK, USWDS మరియు ONS డిజైన్ వ్యవస్థల నుండి పరిశోధించినవి — లోప సారాంశాలు, హెచ్చరిక పెట్టెలు, సారాంశ జాబితాలు, దశ బ్యానర్లు, వదిలేసే లింకులు.
  • 140 జాతీయ వ్యక్తిగత గుర్తింపు భాగాలు 50కి పైగా దేశాల్లో ఆరోగ్య సంరక్షణ, జాతీయ-ID, పన్ను మరియు పాస్‌పోర్ట్ గుర్తింపులను కవర్ చేస్తాయి, ప్రతి ఒక్కటి దాని ఫార్మాట్ మరియు ధ్రువీకరణ అల్గారిథమ్‌ను పత్రబద్ధం చేస్తుంది.
  • సంపాదకీయ మరియు scrollytelling మూల అంశాలు Reuters Graphics నుండి స్వీకరించబడినవి — వ్యాస లేఅవుట్లు, స్క్రోలర్లు, టైమ్‌లైన్లు, టైల్ మ్యాప్‌లు.
  • ఎంపిక సహాయకులు — ఒక పరస్పర చర్యను మొదటి నుండి చివరి వరకు సొంతం చేసుకునే చిన్న ప్యాకేజీలు: థీమ్ మార్పిడి (రన్‌టైమ్ స్టైల్‌షీట్ లోడింగ్‌తో), భాష, టెక్స్ట్ పరిమాణం, తగ్గిన కదలిక, శోధన, పేజీ లింకులు, షేరింగ్, మరియు తేదీ-సమయం నమోదు. ప్రతి ఒక్కటి పాపప్ తెరిచే హెడ్‌లెస్ ఐకాన్ బటన్ — స్థానిక <select> కాదు — అంతర్నిర్మిత నిలుపుదల మరియు SSR భద్రతతో.

ప్రభుత్వ రంగానికి థీమ్‌లు, వెంటనే సిద్ధం

Lily 57 స్వతంత్ర సూచన థీమ్‌లను అందిస్తుంది, ఇవి నేరుగా దాని క్లాస్ హుక్‌లను లక్ష్యంగా చేసుకుంటాయి: NHS England, NHS Scotland మరియు NHS Wales (ప్రతి ఒక్కటి రోగి-ముఖ మరియు వైద్యుల-ముఖ రూపాల్లో), GOV.UK, USWDS, Adobe Spectrum మరియు Mozilla Protocol నుండి స్ఫూర్తి పొందిన పాలెట్లు, మరియు సాధారణ-ఉద్దేశ్య కాంతి, చీకటి థీమ్‌ల సమితి. ఒక స్టైల్‌షీట్ లింక్ చేస్తే ప్రభుత్వ స్థాయి రూపం ఆన్ అవుతుంది; సహాయకుడు theme-picker వాటిని రన్‌టైమ్‌లో మారుస్తాడు.

Lily ఎలా పోలుతుంది

మేము ఒక నిజాయితీ, భాగం-ద్వారా-భాగం ఇతర డిజైన్ వ్యవస్థలతో పోలిక ఉంచుతాము — శైలి ఇచ్చినవి మరియు హెడ్‌లెస్, వాణిజ్య మరియు ప్రభుత్వ రంగం. మరొక లైబ్రరీ మీకు బాగా సరిపోయే చోట, పోలిక దాన్ని చూపుతుంది; Lily అన్నిటి నుండి నేర్చుకుంటుంది మరియు తన స్ఫూర్తి మూలాలను బహిరంగంగా చెబుతుంది.

దీని వెనుక ఎవరు ఉన్నారు

Lily ఒక యువ, స్వతంత్ర ఓపెన్-సోర్స్ ప్రాజెక్ట్, ఇది సహకారం, మార్గదర్శకత్వం మరియు అభిప్రాయాన్ని స్వాగతిస్తుంది — చూడండి గురించి కథ మరియు స్ఫూర్తి మూలాల కోసం. అన్నీ — స్పెసిఫికేషన్, పరీక్షలు, రోడ్‌మ్యాప్, ఆడిట్ సాధనాలు కూడా — ఇక్కడ బహిరంగంగా ఉన్నాయి: github.com/LilyDesignSystem.

Lily ఎదగడానికి సహాయం చేయండి

Lily మీకు ఉపయోగపడితే, మీరు చేయగల అత్యంత విలువైన పనులు:

  • స్టార్ ఇవ్వండి మరియు పంచుకోండి. దీనికి స్టార్ ఇవ్వండి ప్రధాన రెపో మరియు సహోద్యోగికి జాబితా చూపించండి — అవగాహన అనేది యువ ప్రాజెక్టుకు ఉన్న అత్యంత అరుదైన వనరు.
  • ఏదైనా నిర్మించి మాకు చెప్పండి. నిజ-ప్రపంచ వినియోగ నివేదికలు — ఏది పనిచేసింది, ఏది సాఫీగా ఉండగలదు — రోడ్‌మ్యాప్‌ను మరేదాని కంటే ఎక్కువగా తీర్చిదిద్దుతాయి.
  • అందుబాటును ఆడిట్ చేయండి. స్క్రీన్-రీడర్ పాస్‌లు (VoiceOver, NVDA, JAWS) ఉదాహరణ యాప్‌లపై బంగారం విలువ చేస్తాయి; మీరు కనుగొన్నది నమోదు చేయండి.
  • థీమ్ లేదా అనువాదాన్ని అందించండి. రెండూ స్వయం-సంపూర్ణమైన, చక్కగా పరిమితమైన మొదటి సహకారాలు.
  • మీరు కనుగొన్నది కనీస పునరుత్పత్తితో పంచుకోండి, GitHub రిపాజిటరీలో, లేదా ఇమెయిల్ చేయండి joel@joelparkerhenderson.com.