CSS3 Archive

បង្កើត​ម៉ឺនុយ​ធ្លាក់​ដោយ​ប្រើ CSS3

ការ​បង្កើត​ម៉ឺនុយ​ធ្លាក់ (Dropdown Menu) អាច​ធ្វើ​បាន​តាម​វិធី​ផ្សេងៗ​ពី​គ្នា​ដូច​ជា​ការ​ប្រើ JavaScript និង CSS3 ជាដើម។ នៅ​ក្នុង​វីដេអូ​ខាង​ក្រោម​នេះ​មាន​រយៈ​ពេល៤០នាទី ដែល​រៀប​ចំ​ដោយ Christian មកពី 1stwebdesigner ដោយ​មាន​លម្អិត​ទៅ​លើ​ចំណុច​និមួយៗ។ សម្រាប់​អ្នក​ចង់​ចេះ ឬ​ក៏​ទើប​ចាប់​ផ្ដើម​រៀន​បង្កើត​វែបសាយ អ្នក​អាច​វីដេអូ​នេះ​ទុក​ជា​មេ​រៀន​បាន។

គេហទំព័រ​ចំនួន ៤ ផ្ដល់​ឧបករណ៍​ផលិត​កូដ CSS3

អ្នក​ទាំង​អស់​គ្នា​ប្រាកដ​ជា​ធ្លាប់​ដឹង ធ្លាប់​ឮ ធ្លាប់​ស្គាល់​រួច​មក​ហើយ​អំពី CSS3។ CSS3 មាន​ការ​សរសេរ​កូដ​ច្រើន ស្មុគស្មាញ និង​តម្រូវ​ទៅ​តាម​កម្មវិធី​រុក​រក (Browser) និមួយៗ​រួម​មាន៖ Firefox, Google Chrome, Safari, Opera, IE ជាដើម។

រចនា​អក្សរ 3D ជាមួយ CSS3

នេះ​កាន់​តែ​ពិសេស​ថែម​ទៀត​ហើយ ដែល​យើង​អាច​រចនា​អក្សរ​ឲ្យ​ទៅ​ជា​លក្ខណៈ 3D ដោយ​ការ​ប្រើ​ប្រាស់ CSS3។ ចង់​ដឹង​ថា​ធ្វើម្ដេច​ដែរ​ឬទេ?

បង្កើត​ទំព័រ “មក​ដល់​ឆាប់ៗ​នេះ” ជាមួយ​ចលនា CSS3

ការ​បង្កើត​ទំព័រ "នឹង​មក​ដល់​ឆាប់ៗ​នេះ" ដោយ​ការ​ប្រើ​ប្រាស់ CSS3 ប្រកប​ទៅ​ដោយ​ភាព​រស់រវើក​គួរ​ឲ្យ​ស្ងប់​ស្ងែង។

រូប​ក្រាភិច​ចំនួន ៣៥ ដែល​បង្កើត​ឡើង​ដោយ CSS3

អ្នក​ពិត​ជា​ដឹង​ច្បាស់​ហើយ​ថា CSS3 មាន​សមត្ថភាព​ខ្លាំង​ពូកែ​ណាស់ ព្រោះ​វា​អាច​បង្កើត​បាន​នូវ​ចលនា លក្ខណៈ​ទៅ​លើ​របស់​អ្វី​មួយ បាន​យ៉ាង​ល្អ ក្រៅ​ពីនេះ​វា​ក៏​អាច​ប្រើ​ក្នុង​ការ​គូរ​រូប​ក្រាភិច​នានា​ផង​ដែរ។ សូម​ក្រឡេក​មើល​ទៅ​រូប​ទាំង​ប៉ុន្មាន​ខាង​ក្រោម​នេះ មិន​មែន​ជា​ការ​គូរ​ក្នុង Photoshop ឬ Gimp អ្វី​ឡើយ តែ​រូប​ទាំង​នោះ​ត្រូវ​បាន​គូរ​ឡើង​ដោយ​ប្រើ CSS3 សុទ្ធ​តែ​ម្ដង។ និមិត្ត​សញ្ញា​ព័ត៌មាន RSS Apple IMac ក្ដារ​ចុច Apple Apple IPhone ទូរស័ព្ទ iPhone គូរ​ឡើង​ដោយ​ប្រើ CSS3 ។ មើល​ទៅ​ពិត​ជា​មិន​ធម្មតា​មែន។ ផ្កា​សាគូរ៉ា CSS3 អាច​ប្រើ​ក្នុង​ការ​គូរ​រូបសត្វ ឬ​រុក្ខជាតិ​ក៏​បាន​ដែរ។ ពែង​កាហ្វេ ដូរ៉េម៉ុន ដូរ៉េម៉ុន​ជា​គំនូរ​ជីវចល និង​តុក្កតា របស់​ជប៉ុន​ដែល​ក្មេងៗ​ចូល​ចិត្ត! ឆ្មា ផ្សិត, Triforce, បាល់ Poké, Kirby ឆ្មា Nyan ពណ៌​គំរូ ប៊ូតុង BonBon BonBon គឺ​ជា​ប៊ូតុង CSS3 ដែល​មាន​រូបរាង​ស្រស់​ឆើត​ឆាយ និង​មាន​ភាព​បត់​បែន​តាម​កាលៈទេសៈ។

Gradiator ៖ កម្មវិធី​នៅ​លើលីនុច បង្កើត​ពណ៌​ជម្រាល (Gradient) នៅ​ក្នុង CSS3

Gradiator គឺ​ជា​កម្មវិធី​មួយ​ក្នុង​ចំណោម​កម្មវិធី​ជា​ច្រើន ដែល​មាន​តួនាទី​សម្រាប់​បង្កើត​ពណ៌​ជម្រាល​នៅ​ក្នុង CSS3 ហើយ​កម្មវិធី​នេះ​មាន​តែ​នៅ​លើ​ប្រព័ន្ធ​ប្រតិបត្តិការ លីនុច តែ​ប៉ុណ្ណោះ។

មានអ្វីប្លែកជាមួយ Adobe Edge

ថ្មីៗ​នេះ ក្រុមហ៊ុន Adobe បានបង្កើត Adobe Edge ដែលមានមុខងារសម្រាប់បង្កើតជា Web Animation និង Interaction Design ដោយ​ប្រើ HTML5, CSS3 ព្រមទាំង JavaScript ផង​ដែរ​ ។ កម្មវិធី​​នេះផ្តល់​ភាព​​ងាយ​ស្រួល​សម្រាប់​លោក​អ្នក​ពុំ​ចាំ​បាច់​សរសេរ​កូដ ហើយ​វា​ផ្តល់​ភាព​ស្រស់​ស្អាត​ដោយ​លោក​អ្នក​គ្រាន់​តែ​ធ្វើការ​តុបតែង​ដោយ​ប្រើ​ឧបករណ៍ផ្សេងៗរបស់កម្មវិធីនេះ ប៉ុណ្ណោះ ។ តម្រូវការប្រព័ន្ធ ប្រព័ន្ធប្រតិបត្តិការ Windows ខួរក្បាល Intel® Pentium® 4 or AMD Athlon® 64 processor ប្រព័ន្ធប្រតិបត្តិការ​ Windows Vista® Home Premium, Business, Ultimate, or Enterprise with Service Pack 1; or Windows 7 អង្គចាំចង 512MB of RAM ទំហំនៃផ្ទៃថាសរឹង

ប្រមូល​ផ្ដុំ Cheatsheet ល្អៗ​សម្រាប់ CSS3

CSS3 គឺ​ជា​ជំនាន់​ថ្មី​មួយ​នៃ CSS ទាំងឡាយ។ CSS3 មាន​សមត្ថភាព​ខ្ពស់​ខ្លាំង​ណាស់ ដូច​ជា​ការ​ធ្វើ​ឲ្យ​មាន​ចលនា​លើ​រូប ឬ អក្សរ​ណាមួយ, បង្កើត Effect ទៅ​លើ​វត្ថុ​មួយ។ ក៏​ប៉ុន្តែ CSS3 មិន​ទាន់​ដើរ​ស្រួល​គ្រប់​កម្មវិធី​រុក​រក​អ៊ីនធើណិត​នៅ​ឡើយ​ទេ គឺ​នៅ​មាន​កង្វះ​ខាត​គួរ​សម​ផង​ដែរ។ ដើម្បី​សម្រួល​ក្នុង​ការ​រៀន និង​ស្រាវ​ជ្រាវ​កូដ​ថ្មីៗ​របស់ CSS3 ខ្ញុំ​បាន​ស្រាវ​ជ្រាវ​យក​នូវ Cheatsheet ល្អៗ​ជូន​អ្នក​ទាំង​អស់​គ្នា។ ឧទាហរណ៍​មួយ​របស់ CSS3: http://www.optimum7.com/css3-man/animation.html ១) CSS3 Help Sheet ទាញ​យក ២) CSS3 Click Chart ទាញ​យក ៣) CSS3 Cheat Sheet (PDF) ទាញ​យក ៤) WebKit CSS3 Cheat Sheet ទាញ​យក ៥) CSS 3 Cheat Sheet (CSS Elements) ទាញ​យក ៦) CSS3 Color Names ប្រភព​ដើម ៧) om