6 Free Tools for Web Designer who working with Drupal

1. Color Calibration
Designer တယောက် color တွေနဲ့ အလုပ်လုပ်တော့မယ်ဆိုရင် ကိုယ့်ရဲ့ monitor display က accurate color ရနေဖို့ နဲ့ သင့်တော်တဲ့ brightness ရှိနေဖို့လိုတယ်လေ။ ဒါကို Calibrate လုပ်တယ်လို့ ခေါ်ပါတယ်။
Calibrate လုပ်မထားတဲ့ monitor နဲ့သာ color or design တွေ လုပ်မယ်ဆိုရင် ရလာမယ့် Design က တခြား Screen တွေမှာ အရမ်းမှောင်နေတာမျိုး... အရမ်းလင်းနေတာမျိုး တြွေဖစ်နိုင်ပါတယ်။
QuickGamma ဆိုတဲ့ free , software-based color calibration tool လေးက monitor တွေကို Calibrate လုပ်ပေးတဲ့နေရာမှာ အသုံးတည့်ပါလိမ့်မယ်။ http://quickgamma.de/indexen.html မှာ သွားပြီး download လုပ်နိုင်ပါတယ်။


2.  Editing Code
    Desinger တိုင်းမှာတော့ သူ့စိတ်ကြိုက် text editor tool ကိုယ်စီရှိကြပါတယ်။ ဒါပေမယ့် Komodo Edit ဆိုတဲ့ free, open source editor လေးနဲ့ တော့ မိတ်ဆက်ပေးချင်ပါတယ်။သူကတော့ multi-document editing, syntax highlighting, autocomplete, regular expression search/replace, built in function call tips for PHP, JavaScript, jQuery စသည်ဖြင့် professional feature တွေ များစွာပါဝင်ပါတယ်။ http://www.activestate.com/komodo_edit/ မှာ သွားပြီး download လုပ်နိုင်ပါတယ်။


3. Page Design Debugging
   HTML , CSS တွေ ကို အဓိက ကိုင်တွယ်ရမယ့် အပိုင်းဆိုရင်တော့ Firebug ဆိုတဲ့ tool လေးကိုပဲ ညွှန်းချင်ပါတယ်။ သူနဲ့ layout change တွေကို testing out လုပ်မယ်။ Bug တွေကို tracking down လုပ်မယ်ဗျာ။ ဒါလေးရဲ့ အသုံးဝင်ပုံကတော့ Web Designer တိုင်းသိပြီးသားပါ။ http://getfirebug.com/ မှာ download လုပ်နိုင်ပါတယ်။



4. Page Design Debugging...in IE
   Mozilla Firefox အတွက်သာ Tool တွေက ပေါတာဗျ... Internet Explorer အတွက်ကျတော့ နည်းမှနည်းပဲ... Web Design လုပ်ပြီး Testing & Debugging လုပ်ပြီဆိုရင် IE မှာ နည်းနည်း ခွကျတာလေးတွေ ရှိတတ်ပါတယ်။သူ့အတွက်တော့.... IE Dev Toolbar ဆိုတာလေး ကို လက်တို့ချင်ပါတယ်။ သူ့ကိုလည်း လျှော့တွက်လို့တော့မရပါဘူး... cross-bowser layout bugs တွေကို tracking down လုပ်ဖို့ကျတော့ အဖိုးတန်တယ်ဗျ။ Firebug Lite ဆိုတာလေးတော့ ရှိပါတယ်။ ဒါပေမယ့် IE Dev Toolbar လေးကို ပဲ အဓိကထားပြောရတာကတော့ သူ့ကို Microsoft က ထုတ်ထားလို့ပါ။
 http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en မှာ download လုပ်နိုင်ပါတယ်။

               
5. Color Picker
   Firefox ထဲမှာ Design လုပ်နေတဲ့အချိန် တခါတခါ image or background ရဲ့ color value တွေကို check လုပ်ဖို့ လိုအပ်တာမျိုးတွေ ရှိပါတယ်။ ဒီလိုအချိန်မျိုးအတွက်... Colorzilla ဆိုတဲ့ Firefox extension နဲ့ မိတ်ဆက်ချင်ပါတယ်။ http://www.colorzilla.com/firefox/ မှာ download လုပ်နိုင်ပါတယ်။


6. Web Developer Toolbar
   Durpal လိုမျိုး Content Management System တွေနဲ့ အလုပ်လုပ်ရတဲ့ အခါမျိုးမှာဆိုရင် cookies or cache တွေကို ခဏ လောက် disable လုပ်ထားရတာမျိုး ရှိပါတယ်။ဒီလိုလုပ်ဖို့ အတွက် Web Developer ဆိုတဲ့ Firefox extension နဲ့ မိတ်ဆက်ပေးချင်ပါတယ်။ သူကတော့ images, cookies, cache, CSS, Java နဲ့ JavaScript တွေကို disable လုပ်တဲ့နေရာမှာ အသုံးတည့်ပါတယ်။နောက်ပြီး page validation, form tweaks , layout highlighting လိုမျိုးတွေအတွက် quick access ကို provide လုပ်ပေးပါသေးတယ်။ https://addons.mozilla.org/en-US/firefox/addon/60 မှာ download လုပ်နိုင်ပါတယ်။


အပေါ်မှာ ပြောခဲ့တာတွေကတော့ great free tool တွေပါ။ ၆ ခုထဲကို ရွေးပြောခဲ့တယ်ဆိုပေမယ့်... PuTTY လို great SSH client, Notepad++ လို lightweight text editor, PNGGauntlet လို PNG compressor တွေလည်း ရှိနေပါသေးတယ်။
အခု အပေါ်မှာ ပြောခဲ့တဲ့ Tool တွေဟာ Drupal နဲ့ အလုပ်လုပ်နေရတဲ့ Web Designer တွေ အတွက် ပိုမို အသုံးတည့်မယ့်လို့ ယုံကြည်ပါတယ်။

ပျော်ရွှင်ပါစေဗျာ။
(Be knowledgeable, pass it on then)

No comments :

Post a Comment