တစ္ခ်ိန္တစ္ခါတုန္းက HTML နဲ့ 3D လုပ္မယ္ဆိုတာ စိတ္ကူးပဲရိွခဲ့တာပါ။ အခုအခါမွာေတာ့ လက္ေတြ႕ျဖစ္လာခဲ့ျပီ။ ကြ်န္ေတာ္တို႔ေတြ HTML design ေတြကို 3D ပံုစံနဲ့ ဖန္တီးလို႔ရေနျပီ။ အခုအခ်ိန္က ျပီးျပည့္စံုတဲ့ 3D မဟုတ္ေသးေပမယ္႔ ေနာက္တစ္ခ်ိန္မွာ Web Design ေလာက အေနနဲ့ေျပာင္းလဲစရာေတြ ျဖစ္လာႏိုင္ပါတယ္။ Firefox 3.5 နဲ့ Safari 4 , Chrome 3 တို႔မွာ 3D Effect ေတြ ရရိွလာျပီေလ။ တကယ္ကို အံဩဖို႔ ေကာင္းျပီး အဲဒီ site ကို ျမင္လိုက္ခ်ိန္က ဟာ ခနဲ့ ျဖစ္သြားပါတယ္။ coding ပိုင္းကလည္း CSS ေလးနဲ့ပဲ သံုးသြားေတာ့ ယံုေတာင္ မယံုႏိုင္ဘူး။ ေနာက္ျပီး HTML5 မွာ ပံုေတြကို run time မွာ ဆဲြလို႔ရေနျပီဆိုေတာ့ အေျပာင္းအလဲေတြ ျဖစ္လာႏိုင္တယ္။ မယံုမရိွ လက္ေတြ႕ျမင္ရေအာင္

http://www.zachstronaut.com/lab/isocube.html

Site တစ္ခုလံုးကို ရိုးရွင္းတဲ့ coding နဲ့ ပဲ ဖန္တီးထားတယ္။ ဒါနဲ့ သူ႔အတိုင္း စမ္းလုပ္ၾကည့္ေတာ့လည္း အဆင္ေျပတာကို ေတြ႕ရပါတယ္။ ကြ်န္ေတာ္ စမ္းေရးၾကည့္ထားတာတဲ့ coding ကေတာ့

This is top 
This is left 
This is right 
This is shadow 

Like

Unlike

HTML 5 အတြက္ Cheat Sheet ထြက္လာပါျပီ။ Smashing Magazine မွာ ေတြ႕တာပါ။ HTML5 ကို စူးစမ္းေလ့လာေနတဲ့သူေတြအတြက္ ေတာ္ေတာ္ေလးကို အသံုးဝင္ပါတယ္။

http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/

Like

Unlike

ေတာ္ေတာ္ေကာင္းတဲ့ Article ေလးပါ….

The HTML 5 will definitely contribute to a better Web. Despite its specification is still being drafted, several browsers like Firefox 3.5, Internet Explorer 8, Safari 4, Chrome 2 and Opera 10 already implement a significant part of the current HTML 5 specification.

This article reviews a bit of the history of how we got to HTML 5 and presents an overview of the enhancements that HTML 5 introduces to provide a better Web.

It also presents a reflection about whether HTML 5 will render useless browser extensions like Flash, Silverlight and Java.

More…

Like

Unlike

HTML5 မွာ tag အသစ္ေတြပါဝင္လာတယ္။ section , article,nav စတဲ့ tag ေတြက div အစားထိုးအေနနဲ့ ဝင္ေရာက္လာပါတယ္။ အရင္က ul,ol ေတြ div အစား ဝင္ေရာက္လာသလိုေပါ႔… ေနာက္ျပီး header ဆိုျပီး သီးသန္႔ပါလာပါတယ္။ ပံုစံက html4 ကနဲ့ မတူေတာ့ပဲ အနည္းငယ္ေျပာင္းလဲသြားတယ္။ ဘယ္လိုမ်ိဳးလဲဆိုေတာ့ HTML5 မွာ

လို႔ ပံုစံ အၾကမ္းေျပာလို႔ရတာေပါ႔။ ပိုျပီး structure က်လာတယ္ထင္တယ္။ ဒါေပမယ္႔လည္း event အသစ္မ်ားစြာအတြက္ javascript example code ေတြ မရိွေသးဘူးျဖစ္ေနတယ္။ attribute အသစ္ျဖစ္တဲ့ draggable ကို true ေပးထားေသာ္လည္း drag လုပ္လို႔မရေသးဘူး။ ကြ်န္ေတာ္ ေသေသခ်ာခ်ာ မသံုးတတ္ေသးတာလည္း ျဖစ္ေကာင္းျဖစ္မယ္။ ေနာက္ျပီး ref ဆိုတဲ့ attribute ကို mootools မွာ သံုးေနေပမယ္႔ HTML မွာေတာ့ သံုးတာ ေတာ္ေတာ္ရွားတယ္။ အခု ပါဝင္လာတာ ေတာ္ေတာ္ေကာင္းပါတယ္။ sematic network အတြက္ ref က လိုအပ္ပါတယ္။ ေနာက္ျပီး contextmenu attribute ပါဝင္လာေပမယ္႔ အလုပ္မလုပ္ေသးပါဘူး။ HTML5 ဟာ အခ်ိဳ႕ဟာေတြ သံုးလို႔ရေနပါျပီ။ ဒါေပမယ္႔ အခ်ိဳ႕ဟာေတြကေတာ့ စာပဲ ရိွေသးတယ္။ လက္ေတြ႕ အလုပ္မျဖစ္ေသးတာကို ေတြ႕ရတယ္။ ေနာက္ျပီး IDE ေတြ text editor ေတြ မထြက္ေပၚလာေသးဘူး။ ေလ့လာလို႔ရေပမယ္႔ ဒါကေတာ့ ဒါလုပ္တာလို႔ပဲ သိထားလို႔ရမယ္။ တနည္းေျပာရင္ စာေတြ႕ပဲေပါ႔။ လက္ေတြ႕အေနနဲ့ အကုန္မရေသးတဲ့အျပင္ IDE,texteditor ေတြ မရိွတဲ့အတြက္ေၾကာင့္ ေလ့လာဖို႔ရာ အခက္အခဲေလးေတြ ေတြ႕ႏိုင္ပါတယ္။ event ေတြအတြက္လည္း javascript example ေလးေတြ မၾကာခင္ထြက္လာမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္။

HTML5 သာ standard ျဖစ္သြားရင္ HTML4 ထက္အမ်ားၾကီး သာလြန္သြားမွာေသခ်ာတယ္။ Web Design ပိုင္းေတြမွာ အမ်ားၾကီး ေျပာင္းလဲမႈေတြ ျဖစ္လာႏိုင္တယ္လို႔ျမင္ပါတယ္။

Like

Unlike

လက္ရိွ HTML 5 မွာ ပါဝင္တဲ့ tag ေတြကို w3school မွာ ေဖာ္ျပထားပါတယ္။ quackit မွာလည္း w3schools ထက္ပိုျပီး ျပည့္စံုေအာင္ example ေလးေတြနဲ့ ရွင္းျပထားပါတယ္။ လက္ရိွမွာေတာ့ chrome 3 , firefox 3.5 တို႔ဟာ HTML 5 ကို support တယ္လို႔ ေၾကျငာထားပါတယ္။ သို႔ေသာ္လည္းပဲ HTML 5 မွာ ေျပာထားတဲ့ tag ေတြကို သာ သိရံုအဆင့္ပဲရိွေသးပါတယ္။ ဘာျဖစ္လို႔လည္းဆိုေတာ့

Like

Unlike