បុព្វបទអ្នកលក់ CSS

តើពួកគេជាអ្វីហើយហេតុអ្វីអ្នកគួរប្រើវា

បុព្វបទអ្នកផ្គត់ផ្គង់ CSS ដែលជួនកាលត្រូវបានគេស្គាល់ថាជាបុព្វបទនៃបុព្វបទនៃកម្មវិធីរុករកបណ្តាញគឺជាមធ្យោបាយមួយសម្រាប់អ្នកបង្កើតកម្មវិធីរុករកដើម្បីបន្ថែមការគាំទ្រសម្រាប់ លក្ខណៈ CSS ថ្មីៗ មុនពេលដែលមុខងារទាំងនោះត្រូវបានគាំទ្រពេញលេញនៅក្នុងកម្មវិធីរុករកទាំងអស់។ នេះអាចត្រូវបានធ្វើក្នុងអំឡុងពេលនៃការធ្វើតេស្តនិងការពិសោធន៍ដែលជាកន្លែងដែលក្រុមហ៊ុនផលិតកម្មវិធីរុករកត្រូវបានកំណត់ច្បាស់អំពីរបៀបដែលលក្ខណៈពិសេស CSS ថ្មីទាំងនេះនឹងត្រូវបានអនុវត្ត។ បុព្វបទទាំងនេះបានក្លាយជាការពេញនិយមយ៉ាងខ្លាំងជាមួយនឹងការកើនឡើងនៃ CSS3 កាលពីប៉ុន្មានឆ្នាំមុន។

នៅពេល CCS3 ត្រូវបានណែនាំជាលើកដំបូងលក្ខណៈសម្បត្តិរំភើបមួយចំនួនបានចាប់ផ្តើមវាយប្រហារលើកម្មវិធីរុករកផ្សេងៗគ្នានៅតាមពេលវេលាផ្សេងៗគ្នា។ ឧទាហរណ៍កម្មវិធីបើកអ៊ីនធឺណិតដែលដំណើរការដោយ webkit (Safari និង Chrome) គឺជាអ្នកដំបូងដែលណែនាំលក្ខណសម្បត្តិរចនាប័ទ្មចលនាមួយចំនួនដូចជាការប្លែងនិងការផ្លាស់ប្តូរ។ ដោយប្រើប្រាស់លក្ខណៈសម្បត្តិរបស់អ្នកលក់ដែលមានបុព្វបទអ្នករចនាគេហទំព័រអាចប្រើលក្ខណៈពិសេសថ្មីទាំងនោះនៅក្នុងការងាររបស់ពួកគេនិងឱ្យពួកគេឃើញនៅលើកម្មវិធីរុករកដែលគាំទ្រពួកវាភ្លាមៗជំនួសឱ្យការរង់ចាំរាល់ក្រុមហ៊ុនផលិតកម្មវិធីរុករកផ្សេងទៀតដើម្បីឱ្យទាន់សម័យ!

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

កម្មវិធីរុករក CSS ជាបុព្វបទដែលអ្នកអាចប្រើ (នីមួយៗដែលជាក់លាក់ចំពោះកម្មវិធីរុករកផ្សេងទៀត) គឺ:

• ប្រព័ន្ធប្រតិបត្តិការ Android: -webkit-
• Chrome: -webkit-
• Firefox: -moz-
• Internet Explorer: -ms-
• iOS: -webkit-
• ល្ខោនអូប៉េរ៉ា: -o-
• Safari: -webkit-

ក្នុងករណីភាគច្រើនដើម្បីប្រើម៉ាករចនាប័ទ្មរចនាប័ទ្ម CSS ថ្មីអ្នកយកលក្ខណៈស្តង់ដារ CSS ស្តង់ដានិងបន្ថែមបុព្វបទសម្រាប់កម្មវិធីរុករកនីមួយៗ។ កំណែបុព្វបទតែងតែមកមុន (តាមលំដាប់ណាដែលអ្នកចូលចិត្ត) ខណៈពេលដែលលក្ខណៈសម្បត្តិ CSS ធម្មតានឹងមកដល់។ ឧទាហរណ៍ប្រសិនបើអ្នកចង់បន្ថែមដំណើរផ្លាស់ប្តូរ CSS3 ទៅឯកសាររបស់អ្នកអ្នកនឹងប្រើលក្ខណៈផ្លាស់ប្ដូរដូចដែលបានបង្ហាញខាងក្រោម:

-webkit - ការ ផ្លាស់ប្តូរ: ទាំងអស់ 4s បន្ធូរបន្ថយ;
-moz- ការ ផ្លាស់ប្តូរ: ទាំងអស់ 4s ងាយស្រួល;
- ការ ផ្លាស់ប្តូរ: ទាំងអស់ 4s បន្ធូរបន្ថយ;
- ការ ផ្លាស់ប្តូរ: ទាំងអស់ 4s បន្ធូរបន្ថយ;
ការផ្លាស់ប្តូរ: ទាំងអស់ 4s ភាពងាយស្រួល;

ចំណាំ: សូមចាំថាកម្មវិធីរុករកមួយចំនួនមានវាក្យសម្ព័ន្ធខុសៗគ្នាសម្រាប់លក្ខណសម្បត្តិពិតប្រាកដជាងអ្វីផ្សេងទៀតដែលធ្វើដូច្នេះកុំសន្មតថាកំណែកម្មវិធីបុព្វបទរបស់កម្មវិធីរុករកគឺដូចគ្នានឹងលក្ខណៈស្តង់ដារ។ ឧទាហរណ៍ដើម្បីបង្កើត CSS gradient អ្នកប្រើលក្ខណសម្បត្តិ gradient លីនេអ៊ែរ។ Firefox, Opera, និងកំណែបច្ចុប្បន្នរបស់ Chrome និង Safari ប្រើលក្ខណសម្បត្តិនោះជាមួយបុព្វបទត្រឹមត្រូវនៅពេលដែលកំណែ Chrome និង Safari ដំបូងប្រើលក្ខណសម្បត្តិដែលស្រដៀងនឹងលក្ខណសម្បត្តិ។ គួរបញ្ជាក់ផងដែរថា Firefox ប្រើតម្លៃខុសៗគ្នា។

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

បុព្វបទអ្នកលក់គឺមិនមែនជាការ Hack ទេ

នៅពេលដែលបុព្វបទអ្នកលក់ត្រូវបានណែនាំជាលើកដំបូងអ្នកជំនាញគេហទំព័រជាច្រើនបានឆ្ងល់ថាតើពួកគេគឺជាការ hack ឬផ្លាស់ប្តូរទៅថ្ងៃងងឹតនៃការបង្កើតកូដគេហទំព័រដើម្បីគាំទ្រកម្មវិធីរុករកខុសៗគ្នា (សូមចងចាំសារទាំងនោះ "សារ នេះត្រូវបានមើលនៅក្នុងអ៊ីន ធឺណេត ល្អបំផុត ") ។ ទោះជាយ៉ាងណាក៏ដោយបុព្វបទអ្នកផ្គត់ផ្គង់ CSS មិនមែនជាការលួចទេហើយអ្នកគួរតែមិនមានការកក់ទុកអំពីការប្រើប្រាស់វានៅក្នុងការងាររបស់អ្នកទេ។

ការ hack CSS ទាញយកគុណវិបត្តិក្នុងការអនុវត្តធាតុឬទ្រព្យសម្បត្តិផ្សេងទៀតដើម្បីទទួលបានទ្រព្យសម្បត្តិផ្សេងទៀតដើម្បីធ្វើការត្រឹមត្រូវ។ ឧទហរណ៍ម៉ូដែលប្រអប់ hack exploited កំហុសនៅក្នុងការវិភាគនៃ ទ្រព្យសម្បត្តិសំលេងគ្រួសារ ឬនៅក្នុងរបៀបដែលកម្មវិធីរុករកបញ្ជ្រាស់សញ្ញាឆូត (\) ។ ប៉ុន្តែការ Hack ទាំងនេះត្រូវបានប្រើដើម្បីដោះស្រាយបញ្ហានៃភាពខុសគ្នារវាងរបៀបដែល Internet Explorer 5.5 បានដោះស្រាយគំរូប្រអប់និងរបៀបដែល Netscape បានបកប្រែវាហើយមិនមានអ្វីដែលត្រូវធ្វើជាមួយរចនាប័ទ្មគ្រួសារសំលេង។ សូមអរគុណកម្មវិធីរុករកហួសសម័យទាំងពីរនេះដែលយើងមិនមានការព្រួយបារម្ភចំពោះខ្លួនយើងជាមួយថ្ងៃនេះ។

បុព្វបទអ្នកលក់មិនមែនជាការ hack ទេព្រោះវាអនុញ្ញាតឱ្យការបញ្ជាក់ដើម្បីបង្កើតក្បួនសម្រាប់របៀបដែលអចលនទ្រព្យអាចត្រូវបានអនុវត្តស្របពេលដែលអនុញ្ញាតឱ្យអ្នកបង្កើតកម្មវិធីអនុវត្តន៍អចលនទ្រព្យក្នុងវិធីផ្សេងគ្នាដោយមិនចាំបាច់បំបែកអ្វីផ្សេងទៀត។ លើសពីនេះទៅទៀតបុព្វបទទាំងនេះកំពុងធ្វើការជាមួយលក្ខណសម្បត្តិ CSS ដែលជា ចុងក្រោយជាផ្នែកមួយនៃការបញ្ជាក់ ។ យើងគ្រាន់តែបន្ថែមកូដមួយចំនួនដើម្បីទទួលបានការចូលទៅក្នុងអចលនទ្រព្យដើម។ នេះជាមូលហេតុមួយទៀតដែលអ្នកបញ្ចប់ក្បួន CSS ដោយមានលក្ខណៈធម្មតាមិនមែនជាបុព្វបទ។ វិធីដែលអ្នកអាចទម្លាក់កំណែបុព្វបទនៅពេលដែលការគាំទ្រកម្មវិធីរុករកពេញលេញត្រូវបានសម្រេច។

ចង់ដឹងពីអ្វីដែលកម្មវិធីអ៊ីនធឺណិតគាំទ្រសម្រាប់លក្ខណៈជាក់លាក់មួយ? គេហទំព័រ CanIUse.com គឺជាធនធានដ៏អស្ចារ្យសម្រាប់ការប្រមូលព័ត៌មាននេះនិងអនុញ្ញាតឱ្យអ្នកដឹងថាតើកម្មវិធីរុករកណាខ្លះហើយកំណែណាមួយនៃកម្មវិធីរុករកទាំងនោះបច្ចុប្បន្នគាំទ្រលក្ខណៈពិសេស។

បុព្វបទអ្នកលក់គឺរំខានប៉ុន្តែបណ្តោះអាសន្ន

បាទវាអាចមានអារម្មណ៍រំខាននិងច្រំដែលដែលត្រូវសរសេរលក្ខណៈ 2-5 ដងដើម្បីឱ្យវាដំណើរការនៅក្នុងកម្មវិធីរុករកទាំងអស់ប៉ុន្តែវាជាស្ថានភាពបណ្តោះអាសន្ន។ ឧទាហរណ៍គ្រាន់តែពីរបីឆ្នាំមុនដើម្បីកំណត់ជ្រុងមូលនៅលើប្រអប់ដែលអ្នកត្រូវសរសេរ:

-moz-border-radius: 10px 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
កាំស៊ុម: 10px 5px;

ប៉ុន្តែឥឡូវនេះកម្មវិធីរុករកបានគាំទ្រលក្ខណៈពិសេសនេះយ៉ាងពេញលេញអ្នកពិតជាត្រូវការកំណែស្តង់ដារ:

កាំស៊ុម: 10px 5px;

Chrome បានគាំទ្រលក្ខណសម្បត្តិ CSS3 តាំងពីកំណែ 5.0, Firefox បានបន្ថែមវានៅក្នុងកំណែ 4.0, Safari បានបន្ថែមវានៅក្នុង 5.0, Opera នៅក្នុង 10.5, iOS 4.0, និង Android 2.1 ។ សូម្បីតែ Internet Explorer 9 គាំទ្រវាដោយគ្មានបុព្វបទ (ហើយ IE 8 និងទាបមិនគាំទ្រវាដោយមានឬគ្មានបុព្វបទ) ។

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