PHP ကို ေလ့လာျခင္တယ္ဆိုရင္ေတာ့ HTML ကို ကြ်မ္းက်င္စြာ တတ္ေျမာက္ထားဖို႕လိုပါတယ္ .. ဘာျဖစ္လို႕လဲဆိုေတာ့ Web ျဖစ္လို႕ပါပဲ .. Web ရဲ႕ အစက HTML ပါ. အေျခခံအက်ဆံုးျဖစ္တဲ့ HTML Tag ေတြ ကို သိထားဖို႕လိုအပ္ပါတယ္ .
PHP ကို ကြ်န္ေတာ္ စသိတာ 2004 ေလာက္ကမွပါ … ဘယ္အခ်ိန္ စေပၚတယ္ဆိုတာေတာ့ မေလ့လာထားေတာ့ မသိဘူး … အဲဒီတုန္းက ကြ်န္ေတာ္သိတာ Web နဲ႕ ပါတ္သတ္လို႕ HTML , Coldfusion . အဲဒီအခ်ိန္မွာ တစ္ခ်ိဳ႕ဆိုဒ္ေတြမွာ ေတြ႕ေတြ႕ ေနတာ File Extention .php3 . ကြ်န္ေတာ္ ေတာ္ေတာ္ စိတ္ဝင္စားသြားတယ္ . Right Click ႏွိပ္ျပီး Source ေခၚၾကည့္လိုက္ေတာ့ HTML ေတြပဲ. တစ္မ်ိဳးပါလားေပါ့. အဲဒီတုန္းက အင္တာနက္ မသံုးတတ္ေသးဘူး. Google ဆိုတာကို သိတယ္ မသံုးတတ္ မရွာတတ္ေသးဘူး. ေလ့လာခ်င္တာ ေလ့လာလို႕ မရတဲ့ဘဝ. ဒီအတိုင္း ပဲ ရင္နာနာနဲ႕ေမ့ပစ္ခဲ့တယ္ ..
ကြ်န္ေတာ္ Blog လုပ္ျပီး မေရးျဖစ္ဘူးျဖစ္ေနတယ္ ဗ်.. မအားတာနဲ႕.. ေရးရမွာပ်င္းတာနဲ႕
အခုေတာ့ ကြ်န္ေတာ္ ေရးျပီဗ်ာ .. အျပီအျပင္ … PHP Beginner Tip ေလးေတြ ေပါ့ဗ်ာ … အခုမွ စေလ့လာတဲ့လူေတြကို အေထာက္အကူျဖစ္ေအာင္လို႕ပါ …..
အခု ေရးမည့္ အေၾကာင္းကေတာ့ PHP သမားေတြ ေတာ္ေတာ္မ်ားမ်ား ျပႆနာတက္တတ္တဲ့ pagination ေပါ့ဗ်ာ Record ေတြ တအားမ်ားလာတဲ့ အခါၾကရင္ page ေလးေတြခြဲျခင္ၾကတာ လူတိုင္းပါပဲ .. .NET သမားေတြက အဲဒီျပႆနာကင္းတယ္ဗ် .. .NET မွာ က Component ပါျပီးသား ဆြဲထည့္လိုက္ရင္ ျပီး ျပီ … php က်ေတာ့ မရဘူး .. အကုန္ေရးရတာ .. အဲဒီအခါၾကေတာ့ Google မွာ ရွာလိုက္ရင္ေတြ႕ေလ့ရွိတာက page ကို ဒီလိုမ်ိဳးေလးေတြဗ် .. albums.php?start=20 ဘာညာေပါ့ဗ်ာ ..
Twitter မွာ Background ေတြ စိတ္ႀကိဳက္ေျပာင္းလို႕ရတာ Twitter သံုးသူတိုင္း သိၾကမယ္ထင္ပါတယ္ …
ကြ်န္ေတာ္ အခုတေလာ အြန္လိုင္းေပၚမွာ လွည့္ပတ္သြားလာရင္း Twitter Background Free ေပးထားတဲ့ Site ေလးေတြ ေတြ႕မိတာနဲ႕ စုစည္းၿပီး အသံုးျပဳလိုသူမ်ားသံုးႏုိင္ေအာင္ ျပန္လည္ေဝမွ်လိုက္ရပါတယ္ …
YUI Slideshow ဟာ YUI3 module တစ္ခုျဖစ္ၿပီး မည္သည့္ HTML Element ကို မဆို Slideshow တစ္ခုအေနနဲ႕ေျပာင္းလဲ အသံုးျပဳလို႕ရပါတယ္ ။
စိတ္ႀကိဳက္ ျပဳျပင္ေျပာင္းလဲ ၿပီး Configure လုပ္ႏိုင္ပါတယ္
- လုပ္ရွားမွုေတြျပဳလုပ္ႏိုင္ျခင္း ( Slide အဝင္ ႏွင့္ အထြက္ မွာ )
- ပံုတစ္ခုနဲ႕ တစ္ခုၾကား
- animation ေတြရဲ႕ ၾကာခ်ိန္ေတြ
- autoplay စသည္ျဖင့္
ဒီ Module မွာ play/pause/previous/next controls ေတြပါရွိၿပီး လြယ္ကူစြာထည့္သြင္းအသံုးျပဳႏိုင္ပါတယ္ ။
၁၀ မ်ိဳးထက္မနည္းတဲ့ fade & swipe effect ေတြလဲ ပါရွိပါတယ္ ။
ကိုယ္တိုင္ စိတ္ႀကိဳက္ Advance Animation ေတြကိုလဲ ဖန္တီးႏုိင္ပါတယ္ ။ ဥပမာေတြလဲ ျပထားပါတယ္ ။
jQuery validation engine ဟာ Form Validation အတြက္ JQuery Javascript Framework အတြက္ Plug-in ပဲျဖစ္ပါတယ္။ Plug-in မွာ ႀကိဳတင္သတ္မွတ္ထားတဲ့ Rule ေတြနဲ႕ အလုပ္လုပ္ပါတယ္ ။
- optional: Special: empty ျဖစ္ေနတဲ့ Field တခုတည္းအတြက္သာ
- required: ျဖည့္ဖို႕လိုအပ္တဲ့ Field
- length[0,100] : x မွ x စာလံုးအေရအတြက္ အတြင္းသာ ခြင့္ျပဳသည္
- minCheckbox[7] : Set the maximum checkbox autorized for a group
- confirm[fieldID] : အျခား field နဲ႕ တူမတူ (ie:confirm password)
- telephone : Match telephone regEx rule.
- email : Match email regEx rule.
- onlyNumber : Number မ်ားသာ
- noSpecialCaracters : special character မ်ားလက္မခံပါ (eg. $ _ – )
- onlyLetter : Letters only
- date : Invalid date, must be in YYYY-MM-DD format
မိမိစိတ္ႀကိဳက္ Validation Rule လဲ သတ္မွတ္ႏိုင္ပါတယ္ -
"telephone":{
"regex":"/^[0-9-()]+$/",
"alertText":"* Invalid phone number"},
Demo
Internet Exploder 6 & 7, Firefox 3+, Safari 4, Chrome 1+ တို႕ျဖစ္ စမ္းသပ္ၿပီးပါျပီ ။
Photoshop custom shapes, brushes နဲ႕ styles/gradients ေတြကို အလကားရႏိုင္တဲ့ Website တခုကေတာ့ myPhotoshopBrushes.com ပဲျဖစ္ပါတယ္ ။ အဲဒီ Site မွာ ယခုလက္ရွိ Resource ေပါင္း သံုးရာေက်ာ္ရွိပါတယ္ ။ Category ကိုလဲ nature, abstract, symbols စသည္ျဖင့္ ေသေသခ်ာခ်ာ ခြဲထားေပးတာေၾကာင့္ ရွာရလြယ္ကူသလို ။ Rating , Download , Added Date တို႕နဲ႕လဲၾကည့္ရွဳ႕ ႏိုင္တာေၾကာင့္ Popular နဲ႕ လက္ရွိတင္တဲ့ အသစ္ တို႕ကိုလဲ လြယ္ကူစြာရွာေဖြႏိုင္ပါတယ္ ။ Web Designer ေတြအတြက္ သိထားသင့္တဲ့ Site ေကာင္းတစ္ခုပဲျဖစ္ပါတယ္။
Photoshop Beginner Level သမားေတြအတြက္ 3D ဘယ္လိုလုပ္ရတယ္ ဆိုတာကို ေသေသခ်ာခ်ာ သင္ျပေပးထားပါတယ္ ။ ပံုမွန္ 2D Texture ပံုကို 3D ေျပာင္းသြားတာအေတာ္ကို လက္ရာေျမာက္ပါတယ္ ။
ဒီ Tutorial မွာ Firefox Logo ပံုမ်ိဳး Photoshop နဲ႕ဘယ္လို ဆြဲသြားတယ္ ဆိုတာ အေသးစိတ္ ေလ့လာရမွာျဖစ္ပါတယ္ …
Color Sucker ဆိုတဲ့ Web Application တခု သိမၾကာေသးခင္ကမွ ေပၚထြက္လာပါတယ္ ။ Color Sucker ဟာ မည္သည့္ပံုမဆို တင္လိုက္တဲ့ ပံုမွာ ပါတဲ့ အဓိက အေရာင္ ၁၂ မ်ဳိးကို ျပန္ထုတ္ေပးပါတယ္ ။
ျပန္ထုတ္ေပးတဲ့အခါမွာ Color Code အေနျဖင့္ HEX, RGB နဲ႕ Web Safe ဆိုၿပီး Color Code သံုးမ်ိဳးျပန္ထုတ္ေပးပါတယ္ ။
တျခားလုပ္ေဆာင္ႏိုင္တဲ့အခ်က္မ်ားလဲရွိပါတယ္ ။ အဲဒါေတြကေတာ့ -
- Flickr Integration
- Firefox Plugin မွာဆိုရင္ Right Click ႏိွပ္ၿပီးသြားရံုပါပဲ
- Color Schemes ေတြက Adobe Kuler Suggestion ကပါ
- ျပန္ထုတ္ေပးတဲ့ ေရာင္ေတြကို Mouse နဲ႕ ဆြဲေရႊ႕ႏိုင္ျခင္း
- RSS, JSON နဲ႕ XML ေတြနဲ႕ တည္ေဆာက္ထားတဲ့ ရိုးရွင္းတဲ့ API
Elijah Miller ဆိုတဲ့ site မွာ အလြန္ေကာင္းမြန္တဲ့ JQuary Prototype တခုေပးထားပါတယ္ တီထြင္သူက Thomas Reynolds ဆိုတဲ့သူ ျဖစ္ပါတယ္ ။ မိမိတို႕ရဲ႕ Site ေတြမွာ iPhone Setting မွာပါတဲ့ Switch ေလးေတြပံုစံထည့္ႏိုင္ပါတယ္ ။
ေကာင္းတဲ့ အခ်က္ေတြကေတာ့ …
- switches ေတြရဲ႕ variable sizes ေတြကို Automatic create လုပ္သြားျခင္း
- Mouse နဲ႕ ဆြဲဖြင့္ ဆြဲပိတ္ လုပ္ႏိုင္ျခင္း
- Label ေတြကို Slide Effect ထည့္ႏိုင္ျခင္း
- iPhone Application ေတြမွာလဲ ထည့္သြင္းေရးသားႏိုင္ျခင္း တို႕ျဖစ္ပါတယ္
အသံုးျပဳနည္း
ပံုမွန္ Check Box ကို ပဲ ေျပာင္းလဲ အသံုးျပဳသြားျခင္းပါပဲ . JQuery ကို Disable လုပ္ထားတဲ့အခ်ိန္မွာ သာမာန္ Check Box Control အေနနဲ႕ပဲေပၚပါလိမ့္မယ္ ။
သူ႕ကို အလုပ္လုပ္ေစရန္အတြက္ Check Box ရဲ႕ ID နဲ႕ ေဖာ္ျပလိုတဲ့တန္ဖိုး ထည့္သြင္းေပးလိုက္ရံုပါပဲ ။
new iPhoneStyle('#variable_size_a_b', { checkedLabel: 'A', uncheckedLabel: 'B' });
