កម្មវិធីកុំព្យូទ័រ

របៀបប្រើ CSS ជាមួយ gradient

ជម្រាល CSS (CSS gradient)អនុញ្ញាតឱ្យអ្នកផ្លាស់ប្តូរដោយរលូនរវាងពណ៌ពីរជាក់លាក់។ កាលពីដើមអ្នកបានប្រើរូបភាពសម្រាប់បែបផែនទាំងនេះ។ ទោះជាយ៉ាងណា, ដោយប្រើជម្រាល CSS អ្នកអាចកាត់បន្ថយពេលវេលាទាញយកនិងប្រើប្រាស់កម្រិតបញ្ជូន។ លើសពីនេះទៀតធាតុដោយប្រើជម្រាល (gradient) ដែលមើលទៅល្អប្រសើរជាងមុននៅពេលដែលអ្នកពង្រីក ដោយសារតែជម្រាល (gradient) ត្រូវបានបង្កើតដោយកម្មវិធីមើលវេបសាយ (browser)។

កម្មវិធីកុំព្យូទ័រ

វិធីប្រើប្រាស់ CSS Opacity

អត្ថបទនេះ Techfree នឹងលើកយកនូវចំនេះដឹងមួយដែលនិយាយអំពីវិធីប្រើប្រាស់ CSS Opacity។ លក្ខណៈសម្បត្តិភាពស្រអាប់ (opacity) កំណត់កម្រិតភាពស្រអាប់ (opacity)សម្រាប់ធាតុមួយ។ កម្រិតភាពស្រអាប់ (opacity-level) រៀបរាប់អំពីកម្រិតថ្លា (transparency-level) ដែលតំលៃ 1 មិនថ្លាទាំងអស់នោះទេ, 0,5 គឺ 50% អាចមើលឃើញ និងតំលៃ 0 គឺមានភាពថ្លា (transparent) ទាំងស្រុង។

កម្មវិធីកុំព្យូទ័រ

របៀបប្រើ icon នៅក្នុង CSS

វិធីសាមញ្ញបំផុតដើម្បីបន្ថែមអាយខន (icon) មួយទៅទំព័រ HTML របស់អ្នក, គឺត្រូវប្រើជាមួយនឹងបណ្ណាល័យអាយខន (icon) មួយចំនួន, ដូចជា Font Awesome។ នៅក្នុងអត្ថបទនេះ Techfree នឹងលើកយកអំពីការប្រើអាយខន (icon) របស់ Font Awesome មកបង្ហាញអ្នកទាំងអស់គ្នា។

គន្លឹះផ្សេងៗ

របៀបកំណត់រូបភាព Background ជាមួយ CSS

នៅក្នុងវេបសាយមួយដើម្បីធ្វើអោយមានការទាក់ទាញ អ្នកបង្កើតគួរតែដាក់រូបភាពផ្ទៃខាងក្រោយ។ ប៉ុន្តែការដាក់ផ្ទៃខាងក្រោយនេះស្អាត ឬមិនស្អាតគឺអាស្រ័យទៅលើរូបភាពដែលយើងយកមកដាក់។ នៅក្នុងអត្ថបទនេះ Techfree នឹងលើកយកអំពី របៀបកំណត់រូបភាពផ្ទៃខាងក្រោយ (background-image) មកបង្ហាញជូនអ្នកទាំងអស់គ្នា។

គន្លឹះផ្សេងៗ

របៀបកំណត់ទីតាំងជាមួយ CSS

កាលពីអត្ថបទមុន Techfreeបានលើកបង្ហាញអំពី មូលដ្ឋានគ្រឹះរបស់ Cascading Style Sheets (CSS)។ ចំណែកឯនៅក្នុងអត្ថបទនេះយើងនឹងលើកមកបង្ហាញអំពី របៀបកំណត់ទីតាំងជាមួយ CSS។

គន្លឹះផ្សេងៗ

មូលដ្ឋានគ្រឹះរបស់ Cascading Style Sheets (CSS)

នៅពេលដែលយើងចង់បង្កើតទ្រង់ទ្រាយនៃទំព័រណាមួយ យើងចាំបាច់ត្រូវប្រើប្រាស់ភាសា HTML ដែលនៅក្នុងនោះមាន element មួយចំនួន ដែលអាចត្រូវយកទៅប្រើសម្រាប់បង្កើតផ្នែកផ្សេងៗនៃទំព័រ។ ក៏ប៉ុន្តែ ភាសា HTML នេះមិនអនុញ្ញាតឲ្យយើងអាចរចនាទំព័រ ឲ្យទៅជាលក្ខណៈណាមួយ ដែលយើងចង់បាន បានឡើយ។ ហើយដើម្បីធ្វើការរចនាទំព័រផ្សេងៗ យើងចាំបាច់ត្រូវតែប្រើប្រាស់ភាសាមួយទៀត ដែលជាភាសាប្រើសម្រាប់រចនាទំព័រ។

កម្មវិធីកុំព្យូទ័រ

CSS Framework ល្បីៗ ដែលគេនិយមប្រើ នាពេលបច្ចុប្បន្ន

CSS ត្រូវបានគេប្រើសំរាប់រចនាវេបសាយ អោយស្អាតល្អ មានភាពរស់រវើក និងជួយអោយវេបសាយអាចបង្ហាញនៅលើទាំងកុំព្យូទ័រ  និងទូរស័ព្ធដៃ។ តែដើម្បីសរសេរ CSS អោយដំណើរការលើកម្មវិធីមើលវេបសាយ (Browser) ទាំងអស់គឺជារៀងលំបាក។ ដើម្បីជួយដោះស្រាយបញ្ហានេះ CSS Framework ជាច្រើនត្រូវបានគេបង្កើតឡើង។

កម្មវិធីកុំព្យូទ័រ

បង្ហាញទិន្នន័យ ក្នុងតារាង ជាមួូយនឹង Tabulator

Tabulator គឺជាកម្មវិធីបន្ថែមរបស់ JQuery ដែលអាចជួយសំរូលដល់ការបង្ហាញ គ្រប់គ្រងទិន្នន័យនៅក្នុងតារាង។ តារាងនៅក្នុង HTML មានមុខងារកំណត់ ហើយពិបាកក្នុងរចនា បង្ហាញ និងគ្រងគ្រងទិន្នន័យ។ Tabulator អាចផ្តល់មុខងារមានប្រយោជន៍ផ្សេងៗជាច្រើន បន្ថែមលើមុខងាររបស់ តារាងនៅក្នុង HTML ដែលមានស្រាប់។

កម្មវិធីកុំព្យូទ័រ

បង្កើតជីវចលសំរាប់អក្សរ ឬរូបភាពជាមួយ Animate.CSS

ដើម្បីធ្វើអោយវេបសាយអោយរស់រវើក និងមានភាពទាក់ទាញ ការបង្កើតជីវចលសំរាប់អក្សរ រូបភាព ឬផ្នែកណាមួយនៅក្នុងវេបសាយ គឺជារឿងចាំបាច់។ អត្ថបទនេះបង្ហាញពីរបៀបបង្កើតជីវចលជាមួយនឹង Animate.CSS។