5 Popular CSS Frameworks ដែលលោកអ្នកគួតែចាប់ផ្តើមជាមួយវា
ភាសាជាច្រើនសុទ្ធតែមាន Framework របស់វា ដូចជា Java, PHP, JavaScript ASP.NET, C#…។ប្រកាស់មុន ខ្ញុំបានដាក់ Framework របស់ JavaScript នឹង PHP រួចមកហើយពេលនេះសូមបង្ហាញ Framework របស់ CSS វិញម្តង តើលោកអ្នកចំលែកទេ ហេតុអ្វី CSS មាន Framework ដែរ? មិនមានអ្វីគួអោយឆ្ងល់នោះទេ គោលការណ៍នៃការបង្កើត Framework នេះឡើងគឺមានបួនចំនុចដូចខាងក្រោម
១) បង្កើនល្បឿននៃការអភិវឌ្ឍន៍ដោយចំនាយពេលខ្លី
២) មានទំហំឯកសាមួយ(CSS)យ៉ាងតូចតែអាចប្រើការបានច្រើន នឹងមានប្រសិទ្ធភាពល្អ
៣) មានឯកសាមេរៀន និងការបង្ហាត់បង្រៀនល្អៗ
៤) ភាពច្បាស់លាស់អំពីរចនាសម្ព័ន្ធនៃ Grid
ថ្ងៃនេះខ្ញុំសូមលើក CSS Framework ចំនូន ៥ ដែលកំពុងពេញនិយម មកបង្ហាញ រួមជាមួយ នឹង មេរៀន ឧទាហរណ៍ ដែលធ្វើអោយលោកអ្នកកាន់តែយល់ច្បាស់អំពី Framework ទាំងនេះ។
១. 960 CSS Framework
960 Grid System ជា framework មួយដែលផ្តល់អោយយើងក្នុងការប្រើប្រាស់ តាមខ្នាតសាមញ្ញ ដែលមាន width 960px។
វាមាន 2 Variant: 12 និង 16 columns ដែលយើងអាចប្រើវាបានដោយការបំបែកពីគ្នា ឬក៏តាមលំដាប់លំដោយគ្នា ហើយមានទំតែ 3.6KB ដែលបាន compress រួចហើយ។
កាពន្យល់ពីការប្រើប្រាស់ 960 CSS Framework
សូមចួលទៅមើលតំណខាងក្រោមនេះ
២.Blueprint CSS Framework
Blueprint ជា CSS Framework មួយដែលជួយយើងកាត់បន្ថយពេលវេលាបង្កើត CSS វាផ្តល់អោយយើងនូវមួលដ្ឋាល CSS ដ៏រឹងមាំមួយ ដើម្បីបង្កើត គំរោងរបស់យើងអោយស្ថិតនៅកំរិតខ្ពស់ជាមួយភាពងាយស្រួលការប្រើប្រាស់Grid, ពុម្ភអក្សរច្បាស់ៗ form ស្រស់ស្អាត។ លក្ខណះសំខាន់ផ្ទាល់ របស់វាគឺ Mass Reset នៃ Browser default style ដែលផ្តល់អត្ថិភាពអោយយើងគ្រប់គ្នាអាចគ្រប់គ្រង់ Layout ផ្ទាល់ខ្លួនបានយ៉ាងងាយ។
Live Demos
កាពន្យល់ពីការប្រើប្រាស់ Blueprint CSS Framework
សូមចួលទៅមើលតំណខាងក្រោមនេះ
- BlueprintCSS 101
- A Closer Look At the Blueprint CSS Framework
- Blueprint CSS Cheat Sheet
- Blueprint Grid CSS Generator
- PXtoEM
- Construch
3.jQuery UI CSS Framework
Jquery UI បានដាក់ CSS Framework មាំមួនមួយដែលរចនាឡើងសំរាប់ការបង្កើត Custom Jquery widgets.
CSS Framework បានរូមបញ្ចួល classes ដែលគ្រប់ដណ្តប់យ៉ាងទួលំទួលាយសំរាប់ការរចនា UI ហើយអាចរៀបចំដោយការប្រើប្រាស់ jQuery UI ThemeRoller។
កាពន្យល់ពីការប្រើប្រាស់ Jquery UI CSS Framework
សូមចួលទៅមើលតំណខាងក្រោមនេះ
Live Demos
៤. YAML
Yaml(Yet Another Multicolumn Layout) ផ្តោតទៅលើការរចនា Flexible Layouts និង column និង grid basedអ្នកត្រូវការ license ដើម្បីប្រើវា។ YAML បានភ្ជាប់មកជាមួយ Ajax Builder ដ៏ពិសេសមួយ មានភាពងាយស្រួលក្នុងការអភិវឌ្ឍ YAML-base CSS layouts ដែលអនុញ្ញាតិ្តអោយយើង
ដាក Containers នៃ layouts ទាំងនោះដោយការចាប់ដាក់ ហើយHTML និង CSS កូដ ត្រូវបាន Generate automatically។
Live Demos
កាពន្យល់ពីការប្រើប្រាស់ YAML
៥. Yahoo YUI Grids CSS
មួលដ្ឋាន YUI Grids CSS សំដៅទៅ 4 preset page widths, 6 preset templates, និងមានលត្ថភាពដាក់ចួល និងបែងចែកជាផ្នែកតួចៗ ២, ៣ ឬ ៤ columns. វាមានធំហំតែ ៤KB អាចផ្តល់ទៅអោយច្រើនជាង ១០០០ Page layout ដាក់បញ្ចួលគ្នា។
សូមកុំភ្លេចមើល CSS Reset/Base/Fonts/Grids Cheat Sheat
if i 1 2 use it.
what should i do ?
how abt my old css?
មិនពិបាកទេប្រសិនបើ rony ពេញចិត្ដមួយណានោះ គឺវាមានមេរៀននឹងគំរួស្រាប់ក្នុងការប្រើប្រាស់វា។ សម្រាប់ rony ប្រហែលជាមិនចំណាយពេលយួរនោះទេ(១ម៉ោងគឺគ្រប់គ្រាន់អាចយកទៅប្រើបានហើយ) ក្នុងការរៀនប្រើប្រាស់វា។ វាអាចប៉ះពលដល់ Style ចាស់របស់អ្នកមួយផ្នែកតូចតែមិនច្រើននោះទេ ព្រោះ Framework ទាំងនេះបង្កើតឡើងសង្កត់ធ្ងន់ទៅលើការរៀបចំ Layout តែប៉ុណ្ណោះ ចំនែក Style ផ្សេងទៀតគឺយើងត្រូវបង្កើតឡើងដោយខ្លួនឯង។
oh great.
one more promblem. I am not good with design template and manage contents.
Do u have any Idea?
ចំណែកខ្ញុំក៏មិនសូវពូកែខាងរចនាដែរ គ្រាន់តែថាយើងត្រូវរៀបចំ template របស់យើងទៅតាមសម័យកាល មានន័យថាពីមួយឆ្នាំទៅមួយឆ្នាំការរចនាវែបសាយចេះតែទៅមុខ ហើយមាការប្រែប្រួលជានិច្ច ដើម្បីទាក់ទាញអ្នកទស្សនា។ សម្រាប់ខ្ញុំការរចនាវែបសាយ គឺខ្ញុំយកគំនិតតាមអ្នករចនាល្បីនៅលើពិភពលោក និងតាមវែបសាយល្បីៗមួយចំនួន ដូចជា Facebook, CNN, BBC, Yahoo… ព្រោះវែបសាយទាំងនេះទាំងការរចនានិងការរៀបចំគឺល្អណាស់ អាស្រ័យហេតុនេះហើយទើបពូកគេល្បី។