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க்கும் மேற்பட்ட நாடுகளில் சுகாதாரம், தேசிய அடையாள அட்டை, வரி மற்றும் கடவுச்சீட்டு அடையாளங்காட்டிகளை உள்ளடக்கியவை, ஒவ்வொன்றும் அதன் வடிவத்தையும் சரிபார்ப்பு படிமுறையையும் ஆவணப்படுத்துகிறது.
• தலையங்க மற்றும் 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.