Myanmar Tutorials’ Web Design Contest [Review]

ဒီေန႔ MMTut မွာ web design ၿပိဳင္ပြဲက website ေတြကို ၾကည့္ျဖစ္လိုက္တယ္။ အကုန္လုံးကေတာ့ ရွိသမွ် အစြမ္း အကုန္ထုတ္ထားပဲ။ လက္ရွိ design ေတြထဲမွာေတာ့ professional အေနနဲ႔ လုပ္ေနတဲ့သူေတြ မပါေလာက္ဘူးလို႔ ထင္ရတယ္။ အကုန္လုံးရဲ႕ အားနည္းခ်က္က typography ကို သြားေတြ႕ရတယ္။ အစကေတာ့ တစ္ခုျခင္းဆီကို ေျပာအုံးမလို႔ စဥ္းစားေပမယ့္ အမ်ားႀကီး ျဖစ္သြားမွာျဖစ္လို႔ရယ္.. အခုမွ ႐ုံးက ျပန္ေရာက္လို႔ ပင္ပန္းေနတာရယ္ ေၾကာင့္ ၿခဳံၿပီးေတာ့ပဲ ေရးလိုက္ေတာ့မယ္။ ကြၽန္ေတာ့္ ထက္စာရင္ web designer အလုပ္လုပ္ေနတဲ့ သူေတြရဲ႕ အျမင္နဲ႔ ေဝဖန္ခ်က္ေတြက ပိုေကာင္းမယ္လို႔ ထင္ပါတယ္။ လက္ရွိ web design ေတြ အားလုံးနည္းပါးက HTML4 + CSS2 မွာ အေျခခံထားတာေၾကာင့္ အခုေခတ္ကာလ design ေတြနဲ႔ ယွဥ္လိုက္ရင္ ေနာက္က်ေနတယ္လို႔ ခံစားရတယ္။

Information

အခ်ိဳ႕ site ေတြက Information ေတြ မပါဘူး။ အခ်ိဳ႕ site ေတြက်ျပန္ေတာ့လည္း Information ႁပြတ္သိပ္ေနတယ္။ ေတာ္ေတာ္မ်ားမ်ားကေတာ့ သင့္ေတာ္ သေလာက္ပဲ Information ေတြ ထည့္ထားေပမယ့္ Tranning co မွာက မလိုအပ္ပဲ ထည့္ထားတာ မ်ားေနတယ္လို႔ ခံစားရတယ္။ အထူးသျဖင့္ Header က 1,2,3,4 က ဘယ္ page မဆို ပါေနေတာ့ ပိုဆိုးသြားတယ္။ 1,2,3,4 ဆိုတဲ့ square ေလးကို home page ေလာက္မွာပဲ ထည့္လိုက္ရင္ ေတာ္ေတာ္ အဆင္ေျပလိမ့္မယ္။ ေနာက္ၿပီး ေအာက္မွာ Column ၄ ခုေလာက္ထည့္ထားေတာ့ information ေတြ အရမ္းကို မ်ားေနတယ္။

Lorem ipsum

Lorem ipsum က စာလုံးအတြက္ အၾကမ္းသေဘာမ်ိဳး ထည့္တဲ့ ေနရာမွာ အသုံးျပဳၾကပါတယ္။ ဒီလို ၿပိဳင္ပြဲေတြမွာ ဆိုရင္ေတာ့ အသုံးမျပဳသင့္ပါဘူး။ သူ႔ထက္စာရင္ ယုတၱိရွိတဲ့ information စာသားေတြကို အသုံးျပဳျခင္းအားျဖင့္ ကိုယ့္ရဲ႕ design ကို ပိုမို ျမင္သာေစပါတယ္။ ဥပမာ။။ client ကို website သြားျပတဲ့ အခါမွာေတာ့ Lorem ipsum ကို အသုံးမျပဳသင့္ေတာ့ပါဘူး။ ဒီ ေနရာက ဘာလုပ္ဖို႔လဲဆိုတဲ့ သေဘာမ်ိဳး ျပန္ေမးတာကို ထပ္ရွင္းျပေနရလိမ့္မယ္။

theme ေတြ template ေတြမွာဆိုရင္ေတာ့ အသုံးျပဳသင့္ပါတယ္။ ရွင္းလင္းလြယ္ကူစြာ ျမင္သာေစသလို ဘယ္ေနရာမွာ ဘယ္လို စိတ္ႀကိဳက္ထားလို႔ရတယ္ဆိုတာကို ၾကည့္တာနဲ႔ သိႏိုင္ပါတယ္။ သို႔ေပမယ့္ ၿပိဳင္ပြဲဆိုတာက client ကို information သြားျပသလိုျဖစ္တဲ့ အတြက္ေၾကာင့္ Lorem ipsum ကို အသုံးျပဳတာက လွပတဲ့ ကိုယ့္ design ကို နည္းနည္း ၾကည့္ရတာ ဆိုးသြားေစတယ္။

Need Grid

အခ်ိဳ႕ေတြကေတာ့ Grid နဲ႔ တည္ေဆာက္ထားေပမယ့္ အခ်ိဳ႕ေတြက်ျပန္ေတာ့လည္း ႐ိုး႐ိုး ကိုယ့္ဘာသာ CSS နဲ႔ အဆင္ေျပသလို ေရးထားတာကို ေတြ႕ရတယ္။ my_portfolio ဆိုရင္ grid နဲ႔ တည္ေဆာက္လို႔ရေပမယ့္ အကုန္လုံးကို table နဲ႔ တည္ေဆာက္ထားတာကို ေတြ႕ရတယ္။ Table နဲ႔ ေဆာက္ေတာ့ ဘာျဖစ္လည္းဆိုေတာ့ ဘာမွေတာ့ မျဖစ္ပါဘူး။ သို႔ေပမယ့္ ပို အခ်ိန္ၾကာၿပီး ျပင္ရတဲ့ အပိုင္းေတြ နည္းနည္းေလး ျပန္လက္ဝင္တာမ်ိဳး ရွိတတ္တယ္။ ေနာက္တခ်က္က center ကို မပို႔ျဖစ္ေတာ့တဲ့ အတြက္ wide screen monitor ေတြ အတြက္ အဆင္မေျပေတာ့ဘူး။ Div ကို center ကို ပို႔တတ္ရင္ 960gs , blueprint စတာေတြကို သုံးၿပီး လြယ္လင့္တကူ ေျဖရွင္းလိုက္လို႔ရပါတယ္။ frozencity မွာလည္း အဲလိုမ်ိဳး ျပႆနာေလးေတြ ေတြ႕ရတယ္။

Fluid or Fixed

ေတာ္ေတာ္မ်ားမ်ားကေတာ့ Fixed နဲ႔ ေရးထားတာေတြ႕ရတယ္။ သို႔ေပမယ့္ အခ်ိဳ႕က Fluid ကို ေကာင္းေကာင္း အသုံးမခ်တတ္တာလား ဒါမွမဟုတ္ monitor ႀကီးႀကီးနဲ႔ မစမ္းျဖစ္တာေၾကာင့္လား မသိဘူး ႐ုံးက Monitor နဲ႔ ၾကည့္လိုက္ေတာ့ ေနရာေတြ လြဲထြက္ကုန္တာေတြရွိတယ္။ Fluid ကို ေသေသခ်ာခ်ာ မကိုင္နဲ႔အခါမွာ 960 fluid ကို အသုံးျပဳလိုက္ရင္ ပိုအဆင္ေျပလိမ့္မယ္။ CSS က properties ေတြ သိ႐ုံနဲ႔ မရပါဘူး။ အကုန္လုံးကို ေပါင္းစပ္ အသုံးခ်တတ္ဖို႔ ေလ့လာရပါေသးတယ္။ ဒါေၾကာင့္ Fluid ကို သုံးမယ္ဆိုရင္ေတာ့ ကြၽမ္းက်င္စြာ အသုံးခ်တတ္ဖို႔ လိုပါတယ္။ ေနာက္ၿပီး Monitor အႀကီးေတြ အတြက္ပါ ေပါင္းစပ္ စဥ္းစားတတ္ဖို႔ လိုအပ္ပါတယ္။

Don't forget about Cross Browser

web site တစ္ခုဟာ cross browser ျဖစ္ႏိုင္ရင္ အေကာင္းဆုံးပဲ။ CSS properties က မျဖစ္ခဲ့ရင္ design ပဲ ျပႆနာျဖစ္ေပမယ့္ javascript ကသာ ျပႆနာျဖစ္ခဲ့ရင္ေတာ့ website တစ္ခုလုံး သုံးမတာေတြ ျဖစ္တတ္ပါတယ္။ Online Painting ဆိုတဲ့ site ေလးက idea ေလး မဆိုးေပမယ့္ cross browser မဟုတ္ဘူး။ ေနာက္ၿပီး Canvas ကို အသုံးျပဳလိုက္ရင္ ဒီ ထက္ ပိုေကာင္းေအာင္ ဖန္တီးလို႔ရတယ္။ Color Picker အတြက္ jquery မွာ ရွိသလို HTML 5 မွာလည္း ပါလာပါတယ္။ HTML5 မွာကေတာ့ opera တစ္ခုပဲ ရတဲ့အတြက္ jquery ui သုံးလိုက္ၿပီး color picker နဲ႔ ေ႐ြးခ်ယ္လိုက္လို႔ရပါတယ္။ website က Chrome မွာ အလုပ္မလုပ္တဲ့အတြက္ ေရးထားတာေတြ အကုန္လုံး အလကားျဖစ္သြားၿပီလို႔ေတာင္ ဆိုရမလိုပဲ။

အခုေတာ့ ဒီေလာက္ပဲ ... မနက္ျဖန္မွ ဆက္ေတာ့မယ္... ဒီေန႔ ႐ုံးျပန္ေနာက္က်တာနဲ႔ အကုန္လုံးေတာင္ မေရးႏိုင္ေတာ့ဘူး ... ကြၽန္ေတာ့္ review ေတြထက္စာရင္ ထူးေတဇာ တို႔ ကိုမ်ိဳးဟန္ထြန္း ၊ ကိုမ်ိဳးေက်ာ္ထြန္း တို႔လို႔ ဆရာႀကီးေတြရဲ႕ ေဝဖန္ခ်က္ေတြက ပိုၿပီး ျပည့္စုံမယ္လို႔ ထင္တယ္။ MMTut က ကိုသီဟ အေနနဲ႔လည္း ဆုေပမယ့္တဲ့အခါမွာ ဘာေၾကာင့္ ဆုရတယ္ ဆုမရဘူးဆိုတာကို ေသေသခ်ာခ်ာ ျပန္ရွင္းျပႏိုင္ရင္ေတာ့ ၿပိဳင္တဲ့လူေတြ အတြက္ အရမ္း အက်ိဳးရွိလိမ့္မယ္။ site တစ္ခု ျခင္းဆီကို ေျပာခ်င္ေပမယ့္ အခ်ိန္မရတာေၾကာင့္ အခု ပထမဆုံး အပိုင္းကို ခ်ဳံ႔ၿပီးပဲ ေရးလိုက္တာပါ။


 
0 Kudos
Don't
move!
9 Comments

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.