ហេតុផលសម្រាប់ Lily

ចាប់ផ្តើមពីការរចនារបស់អ្នក

ក្រុមរបស់អ្នកដឹងរួចហើយថាផលិតផលរបស់អ្នកគួរមើលទៅដូចម្តេច។ Lily ចាប់ផ្តើមពីកន្លែងនោះ៖ វាផ្តល់នូវផ្នែកដែលពិបាកធ្វើឱ្យត្រឹមត្រូវ និងថ្លៃក្នុងការធ្វើឡើងវិញ — ធាតុន័យវិទ្យាត្រឹមត្រូវ ស្ថានភាព ARIA កិច្ចសន្យាក្តារចុច ការគ្រប់គ្រងការផ្តោត — ហើយទុកការសម្រេចចិត្តដែលមើលឃើញទាំងអស់ជារបស់អ្នកទាំងស្រុង ដោយអំណរ។ CSS របស់អ្នកគឺជារូបរាងនៃប្រព័ន្ធរចនា ចាប់ពីថ្ងៃដំបូង។

ដោយសារសមាសភាគនីមួយៗមាន class hook ស្ថិរភាព និងរចនាសម្ព័ន្ធសុទ្ធ រចនាប័ទ្មរបស់អ្នកនៅតែជារបស់អ្នកយ៉ាងច្បាស់តាមរយៈការដំឡើងកំណែនីមួយៗ — ហើយភាពងាយស្រួលចូលប្រើនៅពីក្រោមនៅតែដំណើរការ កំណែបន្ទាប់ពីកំណែ។

អ្វីដែល Lily សន្យា

• អាចចូលប្រើបានតាមលំនាំដើម។ WCAG 2.2 AAA ជាគោលដៅសម្រាប់សមាសភាគនីមួយៗ។ លំនាំអនុវត្តតាម WAI-ARIA Authoring Practices; សមាសភាគអន្តរកម្មនីមួយៗអាចប្រើដោយក្តារចុចបានតាមកិច្ចសន្យាដែលមានឯកសារ; កម្មវិធីគំរូរក្សា axe-core baseline ស្អាត។
• អាចធ្វើអន្តរជាតិកម្មបានតាមការរចនា។ អក្សរនីមួយៗដែលអ្នកប្រើមើលឃើញ — ស្លាក កំហុស និងសេចក្តីប្រកាសនីមួយៗ — ជាលក្ខណៈសម្បត្តិដែលមានឈ្មោះស្ថិរភាពនៅទូទាំងក្របខណ្ឌ ដូច្នេះការបកប្រែហូរដោយធម្មជាតិ។ RTL និងអត្ថបទពីរទិសទទួលមរតកពី dirរបស់អ្នក។ សមាសភាគដែលដឹងពីតំបន់ភាសាទទួលតំបន់ភាសាជាលក្ខណៈសម្បត្តិ ជានិច្ចដោយច្បាស់លាស់។
• កាតាឡុកមួយ ក្របខណ្ឌប្រាំបី។ សមាសភាគ ៥៧១ ដូចគ្នា (៥៣៦ ជា Web Components ដើម) ជាមួយ class hook និងអនុសញ្ញាលក្ខណៈសម្បត្តិដូចគ្នានៅក្នុង HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks និង Web Components។ CSS របស់អ្នក និងចំណេះដឹងរបស់ក្រុមអ្នកផ្ទេរបានទៅឆ្លងស្ទែក។
• មិនប្រកាន់យុទ្ធសាស្ត្រ CSS។ ថ្នាក់ kebab-case ស្ថិរភាពមួយក្នុងមួយឫសសមាសភាគ។ CSS ន័យវិទ្យា ឧបករណ៍ប្រើប្រាស់ Tailwind, CSS-in-JS ឬមួយក្នុងចំណោមស្បែកដែលរួចជាស្រេច ៥៧ — Lily ស្វាគមន៍ទាំងអស់ ហើយចៀសចេញពីផ្លូវយ៉ាងសមរម្យ។
• ឥតគិតថ្លៃ ជារៀងរហូត តាមលក្ខខណ្ឌរបស់អ្នក។ ប្រភពបើកចំហក្រោមការជ្រើសរើសរបស់អ្នកនៃ BSD, MIT, Apache-2.0, GPL-2.0 ឬ GPL-3.0។ គ្មានកម្រិតវិជ្ជាជីវៈ គ្មានអាជ្ញាប័ណ្ណកៅអី គ្មានតេឡេម៉ែត្រ។

ជម្រៅនៅកន្លែងសំខាន់

ក្រៅពីប៊ូតុង និងប្រអប់ធម្មតា កាតាឡុកឈានទៅឆ្ងាយជាងភាគច្រើន៖

• លំនាំវិស័យសាធារណៈ ស្រាវជ្រាវពីប្រព័ន្ធរចនា NHS UK, GOV.UK, USWDS និង ONS — សេចក្តីសង្ខេបកំហុស ប្រអប់ព្រមាន បញ្ជីសង្ខេប បដាដំណាក់កាល តំណរំលង។
• សមាសភាគអត្តសញ្ញាណផ្ទាល់ខ្លួនជាតិ ១៤០ គ្របដណ្តប់លើអត្តសញ្ញាណសុខភាព អត្តសញ្ញាណប័ណ្ណជាតិ ពន្ធ និងលិខិតឆ្លងដែនក្នុងប្រទេសជាង ៥០ ដែលនីមួយៗចងក្រងឯកសារទម្រង់ និងក្បួនដោះស្រាយសុពលភាពរបស់វា។
• ធាតុដើមវិចារណកថា និង scrollytelling សម្របពី Reuters Graphics — ប្លង់អត្ថបទ ឧបករណ៍រមូរ ពេលវេលា ផែនទីក្រឡា។
• ជំនួយការជ្រើសរើស — កញ្ចប់តូចៗដែលជាម្ចាស់អន្តរកម្មមួយពីដើមដល់ចប់៖ ការប្តូរស្បែក (ជាមួយការផ្ទុកសន្លឹករចនាប័ទ្មពេលដំណើរការ) ភាសា ទំហំអក្សរ ចលនាថយចុះ ការស្វែងរក តំណទំព័រ ការចែករំលែក និងការបញ្ចូលកាលបរិច្ឆេទ-ពេលវេលា។ នីមួយៗជាប៊ូតុងរូបតំណាងគ្មានក្បាលដែលបើកផ្ទាំងលេចឡើង — មិនមែនជា <select> ដើមទេ — ជាមួយនឹងភាពស្ថិតស្ថេរ និងសុវត្ថិភាព SSR ភ្ជាប់មកស្រាប់។

ស្បែកសម្រាប់វិស័យសាធារណៈ ចេញពីប្រអប់

Lily មកជាមួយស្បែកយោងឯករាជ្យ ៥៧ ដែលកំណត់គោលដៅ class hook របស់វាដោយផ្ទាល់៖ 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.