My Burmese Blog » Javascript

Google Can Crash Too….

Htoo Tay Zar — Thu, 25 Mar 2010 06:39:40 +0000

Google လဲ အခ်ိန္ေရာက္ရင္ေတာ့ crash ၿဖစ္ရတာပါပဲ တကယ္ေၿပာတာ Google Gravity ဆိုတဲ့ page ကိုု ဖြင့္ၾကည့္လိုုက္ပါ တကယ္ေတြ႔ရမွာ.. ရွာသမ ွ် result ေတြလဲ အကုုန္ ဂြ်မ္းပစ္ကုန္တာပဲ.. ကြ်န္ေတာ့္ နာမည္ေလးထည့္ရွာ ၾကည့္တာေတာင္ ဂြ်မ္းပစ္ကုုန္တယ္.. ဂြ်မ္းပစ္ပံုကေတာ့ ကိုုယ္ဖြင့္ထားတဲ့ browser width, height ေပၚမူတည္ပါလိမ့္မယ္။ လုုပ္သြားတာကေတာ့ အရင္ တင္ခဲ့ဖူးတဲ့ Funny Javascript Code လိုုမ်ိဳးပါပဲ။

Javascript တစ္မ်ိဳးထဲနဲ႔ လုုပ္ၿပသြားတာပါ။ ဘာရယ္မဟုုတ္ဘူး အားေနလိုု႔ ဆားခ်က္တဲ့ အေနနဲ႔ ပိုု႔စ္တင္လိုုက္တာ.. ေနာက္ထပ္ Javascript နဲ႔ လုုပ္ထားတာ ၾကည့္ခ်င္ေသးရင္ Depth Of Field ဆိုတဲ့ တစ္ခုုလဲ ေတာ္ေတာ္ မိုုက္တယ္။ Javascript နဲ႔ပဲ steel ball ေလးေတြ ပံုေဖာ္ၿပတာ ဒါမ်ိဳးက Action Script မွာ လုုပ္ရင္ လြယ္ေပမယ့္ javascript မွာဆိုေတာ္ေတာ္ လုုပ္ယူရမယ့္ပံုမ်ိဳးပါပဲ။

ေနာက္ထပ္ အရင္တင္ခဲ့ဖူးတာ ၿပန္တင္လိုုက္တယ္။ Scroll Bar Art ပါ။ အၿပည့္အစံုကိုုေတာ့ အရင္ ပိုု႔စ္ အေဟာင္းမွာ ၿပန္ဖတ္လိုု႔ ရပါတယ္။ ေပ်ာ္ရႊင္ပါေစ။ ။

This is a Chrome Experiment

Htoo Tay Zar — Mon, 11 May 2009 12:23:07 +0000

The 289.com က Chrome Experiment ကိုု ဒီေန႔ ၾကည့္ၿဖစ္ပါတယ္။ ဒါက Chrome test လုုပ္ထားတာပါ Scroll bar ေတြနဲ႔ wave ပံုုစံလုုပ္ၿပထားပါတယ္။ Russia က developer လုုပ္ထားတာပါ javascript library ကိုု သံုုးထားပါတယ္။ အလုုပ္လုုပ္မွာက WebKit layout engine သံုုးထားတဲ့ Safari နဲ႔ Google Chrome မွာ လုုပ္ပါတယ္။

ကြ်န္ေတာ္ ေရးဖူးတယ္ေလ Chrome က WebKit user Agent နဲ႔ ဆိုုတာကိုု Detecting Chrome မွာ.. အခုု လိႈင္းက VerletPhysics library ကိုု သံုုးထားပါတယ္။ ဘာမွေတာ့ ထူးထူးၿခားၿခား လုုပ္လိုု႔ ရတာမဟုုတ္ေပမယ့္ ဒါကိုု အေၿခခံၿပီး application ေတြမွာ ထည့္သံုုးလိုု႔ ရႏိုုင္ပါမယ္။ ေလာေလာဆယ္ေတာ့ အဲဒီလိႈင္းေလးေတြ လႈပ္တာ ၾကည့္ၿဖစ္ေနပါတယ္။ လိႈင္းက Google Chrome မွာ ထက္ Safari မွာ ပိုုလွပါတယ္။ ဘာလိုု႔လဲဆိုုေတာ့ Safari scroll bar အၿပာေရာင္ေလးေတြေၾကာင့္ပါ။

Happy Birthday to 3 Years Old JQuery!!

Htoo Tay Zar — Thu, 15 Jan 2009 09:40:56 +0000

မေန႔က ၁၄ ရက္ေန႔မွာ နာမည္ေက်ာ္ Javascript famework တစ္ခုုၿဖစ္တဲ့ JQuery က ၃ ႏွစ္ၿပည့္ခဲ့ပါတယ္။ JQuery က အခုု လက္ရွိ javascript framework ေတြထဲမွာ ေအာင္ၿမင္ဆံုုး တစ္ခုုလိုု႔ ေၿပာရင္ရပါတယ္။ သူ႔ကိုု ဘယ္သူေတြ သံုုးလဲဆိုုေတာ့ Google, Dell, WordPress, Drupal, Technorati, NBC စတဲ့ နာမည္ၾကီး ဆိုုဒ္ေတြ သံုုးပါတယ္။ သူက Write Less, Do More ဆိုုတဲ့ အတိုုင္း ေရးရတာ ရွင္းရွင္းပဲ. ေနာက္ ဖိုုင္ဆိုုဒ္ေပါ့တယ္။

အခုု မေန႔ကပဲ Happy Birthday အထိမ္းအမွတ္ JQuery 1.3 ထြက္ လာပါတယ္။ ဒီ အသစ္မွာ ဘာေတြပါလဲ ဆိုုေတာ့ –

* Sizzle: A sizzlin’ hot CSS selector engine.
* Live Events: Event delegation with a jQuery twist.
* jQuery Event Overhaul: Completely rewired to simplify event handling.
* HTML Injection Rewrite: Lightning-fast HTML appending.
* Offset Rewrite: Super-quick position calculation.
* No More Browser Sniffing: Using feature detection to help jQuery last for many more years to come.

သူက အသစ္ထြက္မယ့္ CSS 3 compliant ၿဖစ္တယ္လိုု႔ ေၿပာပါတယ္။ လက္ရွိ browser ေတြထဲမွာ Firefox, Safari တိုု႔ေလာက္ပဲ CSS 3 Standard အခ်ိဳ႕ ကိုု run ႏိုုင္ပါေသးတယ္။ ကြ်န္ေတာ္ ebook ဖတ္ဖိုု႔ စဥ္းစားေတာ့ javascript framework ေတြထဲက ဘာကိုု ဖတ္ရင္ ေကာင္းမလဲ စဥ္းစားရင္းနဲ႔ နာမည္ေလးလွတယ္ ထင္လိုု႔ JQuery ကိုု ပဲ ဖတ္ၿဖစ္တာ။ ေနာက္ သူဆိုုဒ္မွာ အရင္က ကာတြန္းပံုုေလးနဲ႔ တင္ထားတာရယ္၊ လိုုဂိုုလွတာရယ္၊ ေနာက္ ၾကည့္ေနက်ဆိုုဒ္ေတြက သူ႔ tutorial ေတြ အမ်ားဆံုုး ေရးေနၾကတာ ေတြ႔လိုု႔ ဖတ္ၿဖစ္တာပါ။ Framework ေရြးတာကေတာ့ အဲဒီလိုု ၿပင္ညာ မ်က္စိနဲ႔ ေရြးတာ .

January 14 ရက္မွာ က်ေရာက္တဲ့ JQuery အတြက္ Happy Birthday ပါ။

Detecting Google’s Chrome

Htoo Tay Zar — Tue, 09 Sep 2008 12:27:45 +0000

မေန႔ညက လုပ္စရာရွိတဲ့ ဘန္နာဆြဲတဲ့ အလုပ္ရယ္၊ သူငယ္ခ်င္း တစ္ေယာက္ အတြက္ CD layout ရယ္ ဆြဲၿပီး မအိပ္ခ်င္ေသးတာနဲ႔ Google’s Chrome ကို စမ္းၾကည့္ ၿဖစ္ပါတယ္။ 20 things about Google’s Chrome ပို႔စ္မွာ ကြ်န္ေတာ္ ေၿပာခဲ့ သလိုပဲ Chrome က WebKit ကုိ သံုးတဲ့ အတြက္ layout design ေတြမွာ IE အတြက္လို သီးသန္႔ လိုက္ၿပင္စရာမ်ိဳးေတြ မရွိပါဘူး။ သံုးရတာလဲ ၿမန္တယ္ အဆင္လဲေၿပပါတယ္။

တစ္ခုပဲ chrome မွာ စက္ထဲက html ဖိုင္ကို ဖြင့္ခ်င္ရင္ အၿခား browser ေတြလို open file ကေန တိုက္ရိုက္ဖြင့္မရဘူး။ အဲဒါတစ္ခုပါပဲ ေနာက္ MMHan နဲ႔ Ahmei တို႔ ေၿပာသလိုပဲ chrome မွာ ၿမန္မာလို setting မွာ ေၿပာင္းထားသည့္ တိုင္ေအာင္ ပံုမွန္ အလုပ္မလုပ္ႏိုင္ပါဘူး။ အဲဒါနဲ႔ ဘယ္လို လုပ္ရင္ ေကာင္းမလဲ စဥ္းစားရင္း Chrome ကို detect လုပ္ဖို႔ စဥ္းစား ၿဖစ္ပါတယ္။

ပထမဆံုး navigator.appName နဲ႔ လုပ္ၾကည့္ၿဖစ္ပါတယ္.. ထင္တဲ့ အတိုင္းပါပဲ Netscape လို႔ ၿပန္ပါတယ္။ ဒါနဲ႔ ေနာက္တစ္မ်ိဳး navigator.userAgent နဲ႔ စမ္းၾကည့္ပါတယ္.. အလုပ္ၿဖစ္ပါတယ္ browser IE, FF, Safari, Chrome နဲ႔ တစ္ၿပိဳင္တည္းစမ္းတာ တစ္ခုပဲ return လာတာက WebKit သံုးတာခ်င္းတူတဲ့ Apple’s Safari နဲ႔ အားလံုးနီးပါး (Chrome/0.2.149.27 ဆိုတာေလးပဲ ကြဲပါတယ္) တူတဲ့ အတြက္ if ကို == သံုးၿပီး စစ္လိုက္ပါတယ္။

var chrome= navigator.userAgent;

If နဲ႔ စစ္လိုက္ၿပီး alert နဲ႔ “Sorry, Myanmar font is not compatible with Chrome” လို႔ ေရးေပးလိုက္ပါတယ္။ အၿခားနည္းေတြလည္း ကိုယ့္ဘာသာ စဥ္းစားၿပီး ထပ္ေရးလို႔ရပါတယ္။ .js (javascript) အေနနဲ႔လဲ ေအာက္မွာ download လုပ္ယူႏိုင္ပါတယ္။

if (chrome=="Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/525.19 (KHTML, like Gecko) Chrome/0.2.151.0 Safari/525.19") { alert ("Sorry, Myanmar Font is not compatible with Chrome") }

Download

Download Google Chrome Detector Javascript

20 Things About Google Chrome

Htoo Tay Zar — Wed, 03 Sep 2008 04:32:18 +0000

ဒီေန႔ သတင္းဆိုဒ္ေတြ feed ေတြ ေတာ္ေတာ္မ်ားမ်ားမွာ Chrome, Chrome ဆိုတာပဲ ေတြ႔ေနရတယ္။ ဒါနဲ႔ Chrome အေၾကာင္းကို လိုက္ရွာ ဖတ္ၿဖစ္တဲ့ အထဲက စိတ္၀င္စားစရာေတြ ၿပန္ရွဲလိုက္ပါတယ္။ Google ရဲ႕ Chrome browser ကို အခု download လုပ္လို႔ ရေနပါၿပီ.. လိုဂိုက ၾကည့္ရတာ Spider Man ကားထဲက Goblin ရဲ႕ ဗံုးေတြနဲ႔ တူတယ္ဗ်။ Google Chrome က open source ၿဖစ္တဲ့ အတြက္ ကြ်န္ေတာ္ထင္တာ သူတို႔ Firefox, Flock တို႔လိုပဲ Gecko Engine သံုးလိမ့္မယ္ ထင္ထားတာ အခုဖတ္ၾကည့္ေတာ့မွ သူတို႔ သံုးတာ Apple’s Safari, Google Android တို႔သံုးတဲ့ WebKit ဆိုတာ သံုးထားတယ္လို႔ သိရပါတယ္။ ဒီအတိုင္းဆိုရင္ေတာ့ ကြ်န္ေတာ္ အထင္ Chrome မွာ PNG transparent, opacity, alignment, rounded corner ေတြလဲ Safari မွာ လိုရမယ္လို႔ ထင္ပါတယ္။ Google Chrome အေၾကာင္းမသိေသးဘူးဆိုရင္ေတာ့ Google Chrome Cartoon စာအုပ္ကို ဖတ္ၾကည့္လို႔ ရပါတယ္။ Google Chrome ကို အခုေလာေလာဆယ္ Windows အတြက္ပဲ ရပါေသးတယ္ Linux, Mac အတြက္ေတာ့ မၾကာခင္ ရမယ္လို႔ ေၿပာပါတယ္။

1. Google Chrome is built using WebKit, which also powers Apple’s Safari and Google’s Android.

2. Google Chrome is beta, and currently only available for Windows. Mac and Linux versions are being produced.

3. Google Chrome promises to be more stable – each browser tab will run in its own process so a buggy web page won’t take down the entire browser.

4. The tabs will be the key part of the interface – tabs will be located at the top of the window rather than under the address bar.

5. When you open a new tab, you’ll see thumbnails of your nine most visited pages and search boxes for the sites you search most on.

6. You’ll be able to ‘tear off’ tabbed windows and move them elsewhere onto the desktop, creating separate windows or adding them to existing windows.

7. When a tab crashes you’ll get a sad face icon in the tab – called a ‘sad tab’.

8. Each tab will have its own controls and its own URL bar, which Google’s developers are calling the ‘Omnibox’.

9. The Omnibox isn’t just somewhere to type web addresses – it will also suggest pages you’ve visited before, and popular pages you haven’t visited, based on the keywords you type into the box.

10. You’ll be able to search your browser history from the Omnibox to return to pages you visited previously but didn’t bookmark.

11. Autocomplete will only autocomplete to an address you have manually typed before – Google’s example is that typing C and hitting return might take you to cnn.com but never to a previously clicked link such as cnn.com/2008/politics/07/27/campaign.wrap/index.html.

12. Once you’ve performed a search on sites such as Wikipedia or Google, you’ll then be able to search those sites later straight from your address bar by typing the site’s name and then pressing the Tab key.

13. Google Chrome has a private browsing mode – if you create what it calls an “incognito window” then pages won’t be saved in your history and when you close the window, any related cookies will be deleted.

14. Google Chrome promises to be faster – because each tab runs in a separate process, that process is killed when a tab is closed, and so your PC gets the memory back.

15. Google Chrome will feature a new JavaScript virtual machine. Google says this will be more efficient at running JavaScript-heavy apps such as Gmail, and allow smoother drag-and-drops.

16. Google Chrome comes with a Task Manager that lets you see which sites are using the most memory on your PC – and just like with the Windows Task manager, you’ll be able end processes that are sucking up memory.

17. Google Chrome promises to be more secure – processes won’t be able to write to your hard drive or read documents, for example.

18. Google Chrome will be constantly updated with information on phishing and malware sites and warn you if you attempt to visit one.

19. Google Chrome is being tested against millions of web pages – and Google is using its Page Rank system to ensure the browser is first tested against the web’s most popular pages.

20. Google Chrome will be fully open source, so everyone will be able to contribute – and examine the code, which should allay any privacy fears.

Via : TechRadar

Funny Java Script Code

Htoo Tay Zar — Wed, 17 Oct 2007 05:41:00 +0000

ဟုိတေန႔က အင္တာနက္မွာ ေလွ်ာက္ေမႊရင္းနဲ႔ ဆိုဒ္တစ္ခုကေန ဟာသ java script code တစ္ခု ရလာတယ္။ အဲဒီ code ကို copy ကူးၿပီး browser က address bar မွာ ထည့္လိုက္ရံုပဲ။ အဲဒီ code က ၾကိဳက္တဲ့ web page ကို ၾကည့္ၿပီးေတာ့ အဲဒီက ဆိုဒ္ ဒီဇိုင္းကို ၿပင္လို႔ရတယ္။ စာလံုးေတြ ဖ်က္ပစ္လည္း ရတယ္။ ဘန္နာေတြ select မွတ္ၿပီး ဆိုဒ္ေၿပာင္း၊ ပံုေတြ delete လုပ္ပစ္ရတယ္။ အမွန္ေတာ့ အဲဒီလိုလုပ္တာက ကိုယ့္ browser မွာပဲ ေၿပာင္းတာပါ။ နဂို ဆိုဒ္က မေၿပာင္းပါဘူး။ ကြ်န္ေတာ္စမ္းၾကည့္တာေတာ့ Internet Explorer နဲ႔ Mozilla Firefox နဲ႔ပဲ စမ္း၇ေသးတယ္။ ႏွစ္ခုလံုး အလုပ္ၿဖစ္တယ္။ အၿခား browser ေတြ နဲ႔လည္းရမွာပါ။ စမ္းၾကည့္ပါဦး။

Copy and Paste in to Browser Address Bar

javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

Technorati Tags: java script, funny javascript code, code, web editor, funny, Browser, js, js code

My Burmese Blog » Javascript

Google Can Crash Too….

Related Posts

This is a Chrome Experiment

Related Posts

Happy Birthday to 3 Years Old JQuery!!

Related Article From Myanmar Site

Related Posts

Detecting Google’s Chrome

Download

Related Posts

20 Things About Google Chrome

Related Posts

Funny Java Script Code

Related Posts