HTML5 Archive

របៀប​បង្កើត Like Box សម្រាប់​គេហទំព័រ​របស់​អ្នក

សព្វ​ថ្ងៃ​នេះ​មិន​ថា​គេហទំព័រ​ណា​ឡើយ តែង​តែ​ពេញ​និយម​នូវ​ការ​ប្រើ​ប្រាស់ Like Box ។ Like Box ឬ​ហៅ​ជា​ភាសា​ខ្មែរ​ថា ប្រអប់​ចូល​ចិត្ត ជា​វត្ថុ​មួយ​ដែល​ត្រូវ​បាន​បង្កើត​ឡើង​ដោយ Facebook ដើម្បី​ឲ្យ​ម្ចាស់​គេហទំព័រ​និមួយៗ​ភ្ជាប់​ ទំព័រ (Page) Facebook របស់​ពួក​គេ​ទៅ​ក្នុង​គេហទំព័រ ក្នុង​គោល​បំណង​ឲ្យ​អ្នក​ទស្សនា​ចុច ចូល​ចិត្ត លើ​ទំព័រ​ពួក​គេ ដើម្បី​ទទួល​យក​ព័ត៌មាន និង​ដើម្បី​គាំទ្រ​ផង​ដែរ។ មុន​នឹង​ចូល​ទៅ​ដល់​ការ​អនុវត្ត ខ្ញុំ​ចង់​បញ្ជាក់​ថា អ្វី​ទៅ​ជា ទំព័រ (Pages) នៅ​ក្នុង Facebook។ ទំព័រ ឬ Page នៅ​ក្នុង Facebook ត្រូវ​បាន​បង្កើត​ឡើង​ដើម្បី​ផ្ដោត​ទៅ​លើ​ការ​ផ្សព្វផ្សាយ​ព័ត៌មាន​នៃ​ក្រុមហ៊ុន, អង្គការ, សមាគម, សហគមន៍, ឬ​ជន​ល្បី ។ល។ នៅ​ក្នុង ទំព័រ​ហ្វេស​ប៊ុគ​និមួយៗ អ្នក​នឹង​ឃើញ​ប៊ូតុង​មួយ ដែល​គេ​សរសេរ​ថា ចូល​ចិត្ត ឬ Like ។ ពេល​ដែល​យើង​ចុច​ប៊ូតុង​នោះ យើង​នឹង​ទទួល​បាន​ព័ត៌មាន​ថ្មីៗ​នៅ​ពេល​ដែល​ពួក​គេ​ផ្សព្វផ្សាយ។ ក. បង្កើត​ទំព័រ​លើ Facebook ដើម្បី​ធ្វើ​ការ​ដាក់​បញ្ចូល​ប្រអប់ Like Box

Flash នឹង​លែង​មាន​លើ Linux

លោក​អ្នក​ប្រាកដ​ជា​ដឹង​ហើយ​ថា Flash ជា​បច្ចេកវិទ្យា​មួយ​របស់​ក្រុម​ហ៊ុន Adobe ក្នុង​ការ​បង្កើត​កម្មវិធី (វីដេអូ, គំនូរ​ជីវចល, ហ្គេម…..) ដែល​អាច​បើក​បាន​ស្ទើរ​តែ​គ្រប់​ប្រព័ន្ធ​ប្រតិបត្តិការ (កុំព្យូទ័រ, ទូរស័ព្ទ)។ ទោះ​បី​ជា HTML5 ចេញ​មក អាច​ជំនួស Flash បាន​ច្រើន​អន្លើ​ក្ដី ក៏ Flash នៅ​តែ​ទទួល​ការ​ពេញ​និយម​ក្នុង​ការ​ប្រើ​ប្រាស់​ដែរ។ តាម​អត្ថបទ​ផ្សាយ​ថ្មី​មួយ​របស់​ក្រុម​ហ៊ុន Adobe បាន​ឲ្យ​ដឹង​ថា ខ្លួន និង Google កំពុង​ធ្វើ​ការ​នៅ​លើ​បច្ចេកវិទ្យា​ថ្មី​មួយ​ទៀត ដែល​មាន​ឈ្មោះ​ថា PEPPER ផ្អែក​ទៅ​លើ Flash របស់​ក្រុម​ហ៊ុន Adobe ដើម្បី​ប្រើ​នៅ​ក្នុង​កម្មវិធី​រុក​រក (Browser) នៅ​គ្រប់​ប្រព័ន្ធ​ប្រតិបត្តិការ​កុំព្យូទ័រ រួម​មាន Linux ជាដើម។ ប្រហែល​ជា​នៅ​ចុង​ឆ្នាំ​នេះ Google នឹង​ធ្វើ​ការ​ចែក​ចាយ​កម្មវិធី (plugin) ថ្មី​មួយ​នេះ​ទៅ​គ្រប់​កម្មវិធី Chrome របស់​ខ្លួន​ដែល​មាន​នៅ​គ្រប់​ប្រព័ន្ធ​ប្រតិបត្តិការ​កុំព្យូទ័រ រួម​មាន Linux ដែរ​នោះ។ ក្នុង​សេចក្ដី​ប្រកាស​ផ្សាយ​របស់ Adobe ដដែល​នោះ​ក៏​បាន​ឲ្យ​ដឹង​ដែរ​ថា៖ «សម្រាប់​ជំនាន់ Flash Player ដែល​ចេញ​ក្រោយ

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

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

ដើម្បី​បង្កើត​គេហទំព័រ​មួយ តើ​ចាំ​បាច់​ត្រូវ​ដឹង​អំពី​អ្វី​ខ្លះ?

សួស្ដី​ប្រិយ​មិត្ត​គេហទំព័រ IT4Ug.net ។ តើ​សុខ​សប្បាយ​ដែរ​ឬទេ? គេហទំព័រ​នេះ​មិន​សូវ​មាន​ការ​ផ្សាយ​អត្ថបទ​ញឹក​ញាប់​ដូច​មុន​ទេ តាម​តែ​អ្នក​ដឹង​រួច​មក​ហើយ ក៏​ព្រោះ​តែ​យើង​ខ្ញុំ​រវល់​ជាមួយ​កិច្ច​ការ​ផ្ទាល់​ខ្លួន និង​កិច្ច​ការ​សិក្សា​ផង​ដែរ។ ដូច្នេះ​នៅ​ថ្ងៃ​នេះ ខ្ញុំ​មាន​អត្ថបទ​មួយ ជូន​ដល់​អ្នក​ទាំង​អស់​គ្នា ដែល​មាន​បំណង​ចង់​រៀន​បង្កើត​គេហទំព័រ។ អត្ថបទ​នេះ ខ្ញុំ​សរសេរ​ឡើង​តាម​គំនិត និង​បទពិសោធន៍​ដែល​ខ្ញុំ​ធ្លាប់​ឆ្លង​កាត់​រួច​មក​ហើយ ដូច្នេះ​ប្រសិន​បើ​មាន​ចំណុច​ខ្វះខាត​ត្រង់​ណា សូម​មេត្តា​អភ័យទោស និង​ជួយ​កែ​តម្រូវ​ផង។ ជា​ទូទៅ​ហើយ អ្នក​ប្រើ​អ៊ីនធឺណិត​ទាំង​អស់​សុទ្ធ​សឹង​តែ​បាន​ស្គាល់​ថា អ្វី​ទៅ​គឺ​ជា​គេហទំព័រ។ គេហទំព័រ ប្រៀប​បាន​ទៅ​នឹង​ផ្ទះ, ការិយាល័យ​ព័ត៌មាន, ទី​ផ្សារ, ក្រុម​ហ៊ុន ។ល។ រី​ឯ​ការ​បង្កើត​គេហទំព័រ​នេះ​ទៀត​សោត ត្រូវ​បាន​ស្ថាបនិក​ជ្រើស​រើស​មធ្យោបាយ​ស្ថាបនា​តាម​តែ​ពួក​គេ​ចង់​បាន ដូច​ជា​ការ​ប្រើ​ប្រាស់ ប្រព័ន្ធ​គ្រប់​គ្រង​មាតិកា​អត្ថបទ (CMS) , ការ​សរសេរ​កូដ​ផ្ដើម​ពី​បន្ទាត់​ទី១ ហើយ​ពេល​ខ្លះ​ក៏​មាន​ការ​បង្កើត​ដោយ​ប្រើ​ប្រាស់​ត្រឹម​តែ​រូប​ភាព​ដែរ។ ក៏​ប៉ុន្តែ​ដើម្បី​ចូល​ទៅ​ដល់​ការ​បង្កើត​គេហទំព័រ​មួយ​បាន​យ៉ាង​ល្អ យើង​ចាំ​បាច់​ត្រូវ​ធ្វើ​ការ​សិក្សា​តាម​ដំណាក់​កាល។ អត្ថបទ​នេះ​នឹង​បង្ហាញ​អ្នក​តាំង​ពី​ចំណុច​ដំបូង រហូត​ដល់​ចំណុច​កម្រិត​ខ្ពស់។ ដូច្នេះ​តើ​ចំណុច​ដំបូង​បំផុត ដែល​យើង​គួរ​ដឹង​នោះ​ជា​អ្វី​ដែរ​ទៅ? ១. ប្រភេទ​នៃ​គេហទំព័រ និង​ផ្នែក​បង្កើត​គេហទំព័រ គេហទំព័រ​មាន​ពីរ​ប្រភេទ​ធំៗ​គឺ គេហទំព័រ Static គេហទំព័រ Dynamic អាន​បន្ថែម​នៅ​ទីនេះ រីឯ​ផ្នែក​បង្កើត​គេហទំព័រ ជា​ទូទៅ​ត្រូវ​បាន​គេ​ចែក​ចេញ​ជា​ពីរ​បន្ថែម​ទៀត​គឺ៖ អ្នក​រចនា​គេហទំព័រ (Web Designer)

វិវដ្ដកម្ម​បច្ចេកវិទ្យា​វ៉ិប​នៅ​លើ​ពិភព​លោក

តើ​អ្នក​ចង់​ដឹង​ថា HTML5 កើត​ឡើង​នៅ​ពេល​ណា? ហើយ​មាន​ការ​វិវដ្ដ​ដូច​ម្ដេច​ខ្លះ????? តើ​កម្មវិធី​រុក​រក​អ៊ីនធ័រណា​មួយ ដែល​កើត​ឡើង​មុន​គេ????? តើ Cookie ជា​អ្វី កើត​ឡើង​នៅ​ឆ្នាំ​ណា????? ថ្ងៃ​នេះ IT4U សូម​ណែនាំ​នូវ​គេហទំព័រ​មួយ ដែល​បង្ហាញ​អំពី​វិវដ្ដកម្ម​នៃ​បច្ចេកវិទ្យា​វ៉ិប នៅ​លើ​ពិភព​លោក គឺ http://evolutionofweb.appspot.com/ ។ ក្នុង​គេហទំព័រ​នោះ​នឹង​បង្ហាញ​អ្នក​ទាំង​អស់​គ្នា​អំពី បច្ចេកវិទ្យា​កូដ​ដែល​សម្រាប់​សរសេរ​បង្កើត​គេហទំព័រ, បច្ចេកវិទ្យា​និង​ការ​វិវដ្ដ​នៃ​កម្មវិធី​រុករក​អ៊ីនធ័រណិត​ទាំង​អស់។ ក្នុង​ផ្នែក​កម្មវិធី​រុក​រក​អ៊ីនធ័រណិត​និមួយៗ ត្រូវ​បាន​បង្ហាញ​ពី​ថ្ងៃ​ខែ​ឆ្នាំ​ផលិត​និង​ចេញ​កំណែ​និមួយៗ ព្រម​ទាំង​ភ្ជាប់​មក​ជាមួយ​នឹង​រូបរាង​នៃ​កំណែ​ទាំង​នោះ​ផង​ដែរ។ គេហទំព័រ​នេះ​ពិត​ជា​ល្អ​ណាស់ សម្រាប់​អ្នក​ចង់​សិក្សា​ស្វែង​យល់​និង​ស្រាវ​ជ្រាវ​អំពី​ប្រវត្តិ​នៃ​ការ​កកើត និង​ការ​វិវដ្ដ​នៃ​បច្ចេកវិទ្យា​គេហទំព័រ​នៅ​លើ​ពិភព​លោក​យើង​នេះ។

មានអ្វីប្លែកជាមួយ 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 ទំហំនៃផ្ទៃថាសរឹង

Google Swiffy ឧបករណ៍​បម្លែង​ឯកសារ SWF ទៅ​ជា HTML5

កាល​ពី​ថ្ងៃ​អង្គារ​នេះ Google បាន​ចាប់​បើក​ដំណើរ​ការ​ឧបករណ៍​ថ្មី​មួយ​មាន​ឈ្មោះ​ថា Swiffy ដែល​អាច​បម្លែង​ឯកសារ SWF ទៅ​ជា HTML5 បាន។ ឧបករណ៍​នេះ​អាច​ជួយ​ឲ្យ​ម៉ាស៊ីន (device) មួយ​ចំនួន​អាច​បើក​មើល Flash បាន ដូច​ជា៖ iPad និង iPhone (iOS មិន​ស្គាល់​ឯកសារ SWF ឡើយ)។ Swiffy មិន​អាច​បម្លែង​រាល់​ឯកសារ SWF នៅ​ក្នុង​វ៉ិបសៃថ៍​ណា​មួយ​បាន​ទេ តែ Swiffy អាច​ធ្វើ​ការ​បម្លែងឯកសារ SWF ណា​មួយ​ដែល​យើង​ធ្វើ​ការ​ផ្ទុក​ឡើង​នៅ​ក្នុង​ទំព័រ​ឧបករណ៍ Swiffy។ ក្រោយ​ពី​បម្លែង​រួច​ ឯកសារ HTML5 នោះ​នឹង​មាន​ទំហំ​ធំ​ជាង​ឯកសារ SWF ដើម ប្រហែល ១០% ប៉ុណ្ណោះ។ អ្នក​ក៏​អាច​មើល​នូវ​ឧទាហរណ៍​មួយ​ចំនួន​បាន​ដែរ​នៅ ទីនេះ។ ការ​បម្លែង​អាច​ធ្វើ​ទៅ​បាន​នៅ​លើ កម្មវិធី​រុក​រក​អ៊ីនធ័រណិត មួយ​ចំនួន​ដែល​ស្គាល់ SVG កម្រិត​ខ្ពស់ ដូច​ជា៖ Chrome និង Safari។ របៀប​បម្លែង ជា​ដំបូង​សូម​ចូល​ទៅ​កាន់ http://swiffy.googlelabs.com/

ប្រមូល​ផ្ដុំ 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