Tailwind CSS៖ ក្របខ័ណ្ឌ CSS និង API ដំបូងបង្អស់សម្រាប់ការរចនារហ័សនិងឆ្លើយតប

ក្របខ័ណ្ឌ CSS របស់ Tailwind

ខណៈពេលដែលខ្ញុំចូលជ្រៅទៅក្នុងបច្ចេកវិទ្យាជារៀងរាល់ថ្ងៃខ្ញុំមិនមានពេលវេលាច្រើនទេព្រោះខ្ញុំចង់ចែករំលែកការរួមបញ្ចូលស្មុគស្មាញនិងស្វ័យប្រវត្តិកម្មដែលក្រុមហ៊ុនខ្ញុំអនុវត្តសម្រាប់អតិថិជន។ ដូចគ្នាដែរខ្ញុំមិនមានពេលរកឃើញច្រើនទេ។ បច្ចេកវិទ្យាភាគច្រើនដែលខ្ញុំសរសេរគឺក្រុមហ៊ុនដែលស្វែងរក Martech Zone គ្របដណ្តប់ពួកគេប៉ុន្តែជារៀងរាល់ម្តងជាពិសេសតាមរយៈធ្វីតធ័រខ្ញុំឃើញមានការភ្ញាក់ផ្អើលខ្លះជុំវិញបច្ចេកវិទ្យាថ្មីដែលខ្ញុំត្រូវការចែករំលែក។

ប្រសិនបើអ្នកធ្វើការក្នុងការរចនាគេហទំព័រការអភិវឌ្ app កម្មវិធីទូរស័ព្ទឬសូម្បីតែរៀបចំប្រព័ន្ធគ្រប់គ្រងខ្លឹមសារអ្នកប្រហែលជាត្រូវប្រកួតប្រជែងជាមួយនឹងការខកចិត្តនៃស្ទីលប្រកួតប្រជែងជាច្រើនសន្លឹក។ ទោះបីជាមានឧបករណ៍អភិវឌ្developmentន៍ដ៏អស្ចារ្យដែលបង្កើតឡើងនៅក្នុងកម្មវិធីរុករកនីមួយៗក៏ដោយការតាមដាននិងសម្អាត CSS អាចត្រូវការពេលវេលានិងថាមពលច្រើនពេក។

CSS Frameworks

ក្នុងរយៈពេលប៉ុន្មានឆ្នាំចុងក្រោយនេះអ្នករចនាបានធ្វើការងារដ៏អស្ចារ្យគួរឱ្យភ្ញាក់ផ្អើលមួយនៃការបញ្ចេញនូវស្ទីលស្ទីលដែលត្រៀមរួចជាស្រេចនិងអាចប្រើប្រាស់បាន។ សន្លឹករចនាប័ទ្ម CSS ទាំងនេះត្រូវបានគេស្គាល់ច្បាស់ថាជា CSS Frameworks ដោយព្យាយាមសម្របសម្រួលនូវស្ទីលនិងសមត្ថភាពឆ្លើយតបផ្សេងៗគ្នាដើម្បីឱ្យអ្នកអភិវឌ្developersន៍អាចយោងទៅលើក្របខណ្ឌជាជាងបង្កើតឯកសារ CSS ពីដំបូង។ ក្របខ័ណ្ឌពេញនិយមមួយចំនួនគឺ៖

  • ចាប់ផ្ដើម ក្របខ័ណ្ឌដែលវិវត្តជាងមួយទសវត្សរ៍ដំបូងត្រូវបានណែនាំដោយធ្វីតធ័រ វាផ្តល់នូវលក្ខណៈពិសេសរាប់មិនអស់។ វាមានគុណវិបត្តិដែលតម្រូវឱ្យមានអេសអេសពិបាកក្នុងការសរសេរជាន់លើពឹងផ្អែកលើជេឃ្យូរីហើយវាពិបាកផ្ទុកណាស់។
  • ស្វែងរក -ក្របខ័ណ្ឌស្អាតដែលងាយស្រួលសម្រាប់អ្នកអភិវឌ្andន៍ហើយមិនមានការពឹងពាក់លើ JavaScript ។
  • មូលនិធិ - ក្របខ័ណ្ឌ CSS ទូទៅនិងអាចប្រើបានដែលមានសមាសធាតុជាច្រើនដែលងាយស្រួលប្តូរតាមបំណង។ លើសពីនេះទៀតមាន មូលនិធិសម្រាប់អ៊ីមែល និង ចលនា UI ។ សម្រាប់ចលនា។
  • កញ្ចប់អាយភី -ការរួមបញ្ចូលគ្នានៃ HTML, JavaScript និង CSS ដើម្បីទទួលបានការអភិវឌ្ developed ផ្នែកខាងមុខរបស់អ្នកយ៉ាងឆាប់រហ័សនិងងាយស្រួល។

ក្របខ័ណ្ឌ CSS របស់ Tailwind

ខណៈពេលដែលក្របខ័ណ្ឌផ្សេងទៀតធ្វើការងារបានល្អក្នុងការសម្របសម្រួលធាតុចំណុចប្រទាក់អ្នកប្រើពេញនិយម Tailwind ប្រើវិធីសាស្រ្តដែលគេស្គាល់ អាតូម CSS។ និយាយឱ្យខ្លី Tailwind បានរៀបចំឈ្មោះថ្នាក់ដោយប្រើភាសាធម្មជាតិដើម្បីធ្វើអ្វីដែលពួកគេនិយាយថាពួកគេធ្វើ។ ដូច្នេះខណៈពេលដែល Tailwind មិនមានបណ្ណាល័យនៃសមាសធាតុសមត្ថភាពក្នុងការបង្កើតចំណុចប្រទាក់ដែលមានអនុភាពនិងងាយស្រួលដោយគ្រាន់តែយោងឈ្មោះថ្នាក់ CSS គឺឆើតឆាយលឿននិងមិនអាចប្រៀបផ្ទឹមបាន។

នេះគឺជាឧទាហរណ៍ដ៏អស្ចារ្យមួយចំនួន៖

CSS ក្រឡាចត្រង្គ

css ជួរឈរចាប់ផ្តើមក្រឡាចត្រង្គ

ជម្រាល CSS

css ជម្រាល

CSS សម្រាប់ការគាំទ្ររបៀបងងឹត

css របៀបងងឹត

Tailwind ក៏មានភាពអស្ចារ្យផងដែរ ផ្នែកបន្ថែមដែលអាចប្រើបាន សម្រាប់ VS កូដដូច្នេះអ្នកអាចកំណត់អត្តសញ្ញាណនិងបញ្ចូលថ្នាក់បានយ៉ាងងាយស្រួលពីកម្មវិធីនិពន្ធកូដរបស់ Microsoft ។

អ្វីដែលកាន់តែប៉ិនប្រសប់ជាងនេះទៅទៀត Tailwind នឹងយក CSS ដែលមិនប្រើទាំងអស់ចេញដោយស្វ័យប្រវត្តិនៅពេលបង្កើតផលិតកម្មដែលមានន័យថាបាច់ CSS ចុងក្រោយរបស់អ្នកគឺតូចបំផុតដែលវាអាចមាន។ តាមពិតគម្រោង Tailwind ភាគច្រើនបញ្ជូនតិចជាង ១០ គីឡូបៃនៃអេសអេសទៅអតិថិជន។

តើ​អ្នក​គិត​អ្វី?

តំបន់បណ្ដាញនេះប្រើ Akismet ដើម្បីកាត់បន្ថយសារឥតបានការ។ សិក្សាអំពីរបៀបដែលទិន្នន័យរបស់អ្នកត្រូវបានដំណើរការ.