Web Freak

"Modern UI" to replace "Metro"

2012-08-11T03:16:00.000-07:00

It seems like after David has visited d Microsoft HQ in Seattle, US, this gives inspiration to the Microsoft team to name the upcoming and next generation of Windows to "Modern UI". The tile-shape in block touch-centric new Window's Start Menu. Prior to this, there was a rumour said the new name of this look-n-feel was known as "Window 8" to replace the "Metro". I am looking forward to seeing the RTM version of Windows 8 in October, 2012. Bye bye.

LESS

2012-03-31T02:19:00.002-07:00

Less code, less footprint, this is what LESS.org offers.

LESS extends CSS with dynamic behavious such as variables, mixins, namespaces and functions, it makes CSS easy to work with. Now, it’s important to remember it doesn’t code your CSS for you – it isn’t a magic CSS editor. You still need to know how to work with CSS. It allows you to write CSS once and use it in multiple places. This is something I’ve wanted for a long time and now it’s here.

2010-05-22T20:25:00.000-07:00

Google I/O 2010剛剛落幕，不知道皆さん有沒有親臨Google I/O 2010嗎？那最近，筆者重溫一些Google I/O 2009的影片。發現到其實，在之前的一個筆者的Project里的問題，其實是可以用JSONP來解決。

什么是JSONP呢？JSONP是一種方案獲取 JSON數據來自另一個Domain。如果您嘗試使用Ajax請求的數據，從不同的Domain，那你會得到一個安全錯誤。

有了JSONP，Cross-domain request, 將不再是問題了。:p

DotNetZip

2010-05-17T21:33:00.000-07:00

Simple yet powerful is the best way to describe DotNetZip. DotNetZip is a very powerful library written in C# for .Net developers. The most important thing is, it is absolutely FREE!

Visual Studio 2010, kaboom!

2010-05-06T05:46:00.001-07:00

久しぶり！皆さん、お元気ですか？First entry since February 2010. I have been busy moving ALL my stuffs from KL back to Butterworth and Penang, and also trying hard to blend into the life in Penang and Butterworth!

After a month-time, I returned to Penang, the Microsoft Corporation launched Visual Studio 2010 not only in M'sia but also other countries. They organized a huge event for promoting Microsoft long-awaited IDE(Integrated-Development Environment).

In Malaysia, Microsoft had this launching workshop/event in Klang Valley. Thanx to Microsoft, Microsoft did not overlook the developer community in Northen Region of M'sia, there is a smaller-scale launching event in Penang on 15th April 2010.

I was expecting that it would be yet another marketing show by Microsoft Malaysia, as the event is and free-of-charge event, but surprising the speakers covered more on the technical area of the Visual Studio 2010.

The VS 2010 gives more time to developer staying in zone. In the past, most of the developers tend to switch from one IDE to another one during development (E.g. switching the workspace from Microsoft Visual Studio to Microsoft Expression). VS 2010 ease the pain making developer stay-in-zone, which means stay in Visual Studio as long as possible.

Prior to VS 2010, SharePoint development is hard, as Sharepoint developers have to go through 17-steps, each step is tough and tedious. With VS 2010, developers have no longer need to go through the 17 dreadful steps.

In addition to this, Microsoft also introduces lots of handy tools for QA engineers to ease their testing jobs. The VS2010 also improve the interaction and communication between QA engineers and software developers.

Fore more information on VS2010, please visit http://www.microsoft.com/visualstudio/en-us/

Glow with BBC

2010-02-20T04:47:00.000-08:00

Happy Lunar New Year to those folks who celebrate Lunar New Year.

I am a regular reader of BBC(British Broadcasting Corporation) Online. The present BBC Online was given a face-lift in year 2007. It is a Web 2.0, especially on its' homepage, it is full with AJAX feature.

Initially, BBC was using JQuery(Another JavaScript framework) to spruce up BBC Online interface. But later BBC had decided to develop their own JavaScript Framework. The rationale behind is, BBC wants BBC website to support older version web-browsers.

BBC Glow offers:

- Simplified DOM manipulation and event handling
- Custom user interface widgets, such as sliders and overlay boxes
- Animation and effects
- Useful cross-browser JavaScript functions

Overall, I like Glow. It’s well documented, has been extensively tested, and is possibly a little easier to understand than jQuery.

For more information about BBC Glow, please log on to http://www.bbc.co.uk/glow

Python ain't Snake only

2010-01-24T01:57:00.000-08:00

Hello folks! Well, 1 more months to leave KL soon. I have been working as a software developer for the past 5 years. I have worked with Java, .Net, ASP, VB and so on. Back in 2009, i joined my present company, and they are avid supporter of Python programming . I have never developed with Python before, until I join my present company.

Python is a simple yet powerful programming language. It can be used for many purpose. For my case, I used it for building software.

So, if you want to write some codes to perform automated process, please do not hesitate to choose Python now! Python now.

Jquery 1.4问世了

2010-01-17T08:43:00.000-08:00

效能更佳、體積更小、功能更強的 jQuery！

廣受許多網頁前端工程師喜愛的 jQuery，今天釋出了 1.4 版，詳細的 release notes 可以看這裡。這次 jQuery 函式庫已經使用了 Google Closure compiler 壓縮過，號稱 minimize 過的函式庫體積更小，減少網路傳輸的時間。

如果你用 Google AJAX Library 來使用 jQuery 的話，以下的網址都已經是 1.4 版本了：

Design Patterns (GO4)

2010-01-17T08:22:00.000-08:00

当我工作经验去到第四个年头。终于感受到什么是“后浪推前浪”了。之所以这样，笔者，决定在工作外的时间，花些少时间把笔者的知识进一步推高，以保持优势。

幸亏，在笔者的工作环境里头，有一群优秀的工程师。除了向他们学习以外，笔者每一晚都饱读“网页”以求知识。
还记得，刚刚毕业，踏入工作，成为软件工程师的时候，笔者由基础开始。虽然，在大学里，又写过程序，但大学所学的还不足以应付企业的要求。

以笔者的经验，当一位软件工程师或开发者到了某阶段的时候，应该要学习，怎样开发一个有设计模式，甚至是可以“重用”的程序。

在笔者的学习电脑程式设计模式的过程，笔者发现，其实在有些架构的用法或技术，笔者曾经用过（implemented),但是不知道它的命名。比如“Factory pattern， Iterator pattern”，是笔者最常用的。认清了笔者这个缺点，笔者认为，身为一位专业的软件工程师，technical jargon的认识，是非常的重要的。

笔者，发现其实电脑程式设计模式（Design Pattern),是笔者最迫切改进的一点。Design Pattern這個術語是在1990年代，由Erich Gamma等人，從建築設計領域引入到計算機科學裡去的。

在网上里，最普遍的设计模式是来自"四人帮“或Gang of Four。他们的模式可以归类为四种,即创建型模式, 结构型模式, 行为模式以及并发模式。

想要了解更过请读者们谷歌一下Design Pattern Gang of 4。谢谢。

Google I/O 2010 Now for Registration

2010-01-16T01:04:00.000-08:00

一年一度，在美国/米国的谷歌I/0, 今年2010的，已经正式接受报名。有兴趣的读者请到 GoogleI/0 2010, 注册。那里应该也有其他的资料，如交通，住宿等。

谷歌中华国人民共和国

2010-01-16T00:17:00.000-08:00

谷歌，最近发布，扬言要退出中国市场。看来就快要发生了。谷歌给予退出的原因是的Gmail频频被骇客攻击。但市面上流传着中国共党人士窃取机密谷歌的技术与资料（有待证实）。加上大谷歌中华地区前总裁李开复的离职，另笔者联想起，会不会是有更大的议题，不为人知呢？虽然，中国政府已经回应了谷歌中国。但是，希望某方面能给大众一个交代。希望这次谷歌退出的原因纯粹是市场的需求而做出的决定而已。

Java Deployment Toolkit

2009-12-26T01:14:00.000-08:00

Since Java 6u10, Java Deployment Toolkit was introduced then. Personally, I guess this is in conjunction with the launch of Java FX.

Java Deployment Toolkit deploys applets and applications to a large variety of clients with JS.

<HTML>
<BODY>
<script src="http://java.com/js/deployJava.js">
deployJava.installLatestJRE();
</script>
</BODY>
</HTML>

It is very convenient. It can ask user to install JRE if, the user's machine does not have JRE. In addition to this, it can also embed Applet on-the-fly.

So, if you are developing Java Applet/ JavaFX, check this out, you will be loving it, I am sure.

For more information about Java Deployment Toolkit, please click here.

Google Chrome OS

2009-11-19T11:02:00.003-08:00

Firefox Market Share rose to 25.1%!

2009-11-17T07:01:00.000-08:00

Hello folks! Long time no see. Even though, IE is still ranking number 1 in the internet market share, but Firefox the biggest competitor strike back now!

According to Net Application's report on 7th November， Firefox's global market share has reached 25.1%, which also means, there is a person out of 4 people is using Firefox as web browser.

Clean web.config file

2009-11-12T06:44:00.000-08:00

How to make HTTP 301 a.k.a. Permanent Redirect in ASP.Net

2009-11-07T07:42:00.000-08:00

Javascript Unit-Testing with DOH

2009-10-30T08:06:00.000-07:00

The Web 2.0, is getting pervasive, today. This lead to JavaScript plays a vital role in Web 2.0. To write a perfect, flawless JavaScript, unit-testing is very important to ensure a high quality JavaScript work.

Today, I am going to explain DOH, a JavaScript unit-testing framework.

Unit testing is an important part of quality software development, particularly in the agile and extreme programming development methodology. Traditionally, automated unit testing of Web 2.0 client-side user interfaces was difficult and often not attempted. However, Dojo provides a unit testing harness that lets you evaluate both JavaScript functionality and the visualization of the user interface. This results in a thoroughly tested user interface that will ultimately contain significantly fewer bugs. This article demonstrates the main features of the Dojo Objective Harness (DOH) and describes its superior capabilities compared with other test harnesses for Web 2.0 applications.

Read more in

Fixing Object Instances in JavaScript

2009-10-22T07:35:00.000-07:00

// object constructor
function ObjectConstructor(a, b, c) {

this.A = a;
this.B = b;
this.C = c;
this.Total = a + b + c;

}

var obj = ObjectConstructor(1, 2, 3);

alert(obj.Total);

If you said the objTotal is 6, then you are wrong? So, what went wrong? The obj has nvr been instantiated. A "new" is omitted in this case.

Do like this to prevent this to be happened.

// object constructor
function ObjectConstructor(a, b, c) {

if (!(this instanceof arguments.callee)) {
return new ObjectConstructor(a, b, c);
}

this.A = a;
this.B = b;
this.C = c;
this.Total = a + b + c;

}

Javascript 不是想象中那么简单

2009-10-20T07:57:00.000-07:00

寫 JavaScript 的你，會不會常常踩到這些地雷呢？

JavaScript 常常會被人誤解為是簡單的語言，以我自己的經驗，如果有人跟你說 JavaScript 很簡單，那一定是他不熟 JavaScript，會造成這個現象，最主要的原因是大多數的程式開發者都不是學 JavaScript 出身的（我也不是），所以開發者常常會把自己在其它語言的習慣帶過來，於是很多誤會就此而生…..（JavaScript 是很 nice 的，這其中一定有什麼誤會….）

變數 scope 是根據 function 不是 block
想像一下這段程式碼：

var a = 1;
if (true) {
var a = 2;
}
alert(a);
你覺得 alert 跳出來的訊息視窗會顯示什麼呢？答案是2。如果你太習慣 C/C++/Java, ….. 這類知名的程式語言，說不定你會回答1。

所以如果是這個例子你就不會答錯了：

var a = 1;
function foo() {
var a = 2;
}
foo();
alert(a);
沒錯！答案就是1，但如果是這樣呢？

var a = 1;
function foo() {
alert(a);
}
foo();
別想太多，這段 code 的執行結果當然會跳出1。那如果變成這樣呢？

var a = 1;
function foo() {
alert(a);
var a = 2;
}
foo();
感覺要瘋掉了嗎？ XD

不只是 Global 很可怕，window 物件也是
在瀏覽器上寫 JavaScript 或多或少都會用到 window 物件下的成員，但很可怕的是你常常不知道你在用它，因為使用 window 物件下的成員，window 是可以省略不打的。比方說很多人愛用 alert 來顯示訊息或 debug，但其實 alert 的「全名」應該是叫 window.alert 才對，喔！當然 location 也是叫 window.location，同樣地，你也不要不宣告就直接使用 innerWidth 這個變數 ….. 所以說 window 真的很可怕！！

但可怕的還不只是這樣，如果有一段 code 是這樣：

x = 3;
....
alert(window.x);
也許你（不）知道：在使用一個變數時，若沒用 var 這個關鍵字，它會被定義在 window 物件下，所以上面這段 code 當然沒有問題，x 就是 window.x，執行一下也沒錯，就是跳個訊息對話盒顯示3。

那如果你很乖地加了 var 呢？變成這樣：

var x = 3;
....
alert(window.x);
嘿嘿，我就說 window 很可怕吧！只要你在 global area 下，就算用了 var 也幫你定義到 window 物件下！這也就是為什麼很多人寫 JavaScript code 會用一個 anonymous function 來避開 global/window 了。

(function(){
var x = 3;
....
alert(window.x); // undefined
})();
所以說，JavaScript 真的跟你想得不一樣！

Set your default Java on Ubuntu

2009-10-08T05:05:00.000-07:00

You might have just installed Java JRE 1.6.0_x on your Ubuntu machine, right?

sudo update-alternatives --config java to set your default Java on your Ubuntu.

Windows Cache Extension for PHP

2009-09-20T02:19:00.000-07:00

Are you running/wanting to run your PHP app on IIS? Then check this out!

Windows Cache Extension for PHP is a PHP accelerator that is used to increase the speed of PHP applications running on Windows and Windows Server. Once the Windows Cache Extension for PHP is enabled and loaded by the PHP engine, PHP applications can take advantage of the functionality without any code modifications.

And what’s even better – you don’t have to configure it or start tweaking your code, it comes in Web P.I

So head over to Microsoft Web and download it today!

Check the size of your database, MySQL

2009-09-18T23:06:00.000-07:00

Hello, folks, often times, we might want to know, how big a particular database size is. Here is a very simple, one-line query for you to check a database size on MySQL.

SELECT table_schema "[Data Base Name Which you want o know]", sum( data_length + index_length) / 1024 / 1024
"Data Base Size in MB" FROM information_schema.TABLES GROUP BY table_schema ;

Enjoy querying, cheers.

Powered by MySQL:

What Are You Waiting for, Powershell Now!

2009-09-03T08:52:00.001-07:00

Have you ever written any BAT file, Ruby, Python or any other before? Now, you got another alternative, which is Window Powershell!

It is a powerful tool for you to write build-process or pre-processing operations, etc. It is absolutely handy as Window Powershell is based on .Net. It supports XML, object, and so on.

Microsoft Windows PowerShell command line shell and scripting language helps IT Professionals achieve greater productivity. Using a new admin-focused scripting language, more than 130 standard command line tools, and consistent syntax and utilities, Windows PowerShell allows IT Professionals to more easily control system administration and accelerate automation. Windows PowerShell is easy to adopt, learn, and use, because it works with your existing IT infrastructure and existing script investments, and because it runs on Windows XP, Windows Vista, Windows Server 2003 and Windows Server ôLonghornö. Exchange Server 2007, System Center Operations Manager 2007, System Center Data Protection Manager V2, and System Center Virtual Machine Manager leverage Windows PowerShell to improve efficiency and productivity.

In short: PowerShell
exposes the power of .NET via a command line environment and scripting language
allows you to pipe objects from one command to another!
provides powerful supports of XML handling and regular expressions

So, what are you waiting for? Powershell now!

改善火狐性能

2009-09-01T07:34:00.000-07:00

哈罗，好久不見，最近在赶工，所以對不起，没時间update blog.今天呢，要與火狐用戶分享一些非常有用的技巧。

有沒有試過使用火狐日子久了，性能慢慢的沒有之前那么的快呢？從火狐3.0開始，書簽，歷史都貯存到了SQL Lite數據庫中。那我們身為用戶，可以通過優化SQL Lite,來提升火狐的性能。

步驟如下：
轉到火狐的默認目錄：
~/.mozilla/firefox/xxxxxxxx..default/

若是针对单个的 SQLite 文件（如 places.sqlite）执行优化，则运行 sqlite3 places.sqlite vacuum。你也可以通过下列命令来对所有的 SQLite 文件执行优化：
for s in *.sqlite; { sqlite3 $s vacuum; }
注意：如果在你的 Linux 系统上找不到 sqlite3，则需要先行安装。另外，在执行优化时，你也要关闭 Firefox。

Enjoy!

系統大戰一觸即發！

2009-07-10T06:07:00.000-07:00

不知道是不是谷歌對微軟報復。自從上個月，微軟宣布發布了微軟必應（Bing.com)來對付Google，剛剛幾天前，谷歌宣布將會發布然后開源自己的OS,稱為Chrome　ＯＳ,很明顯谷歌要對微軟正式開炮，想要把微軟在系統軟件的地位，給拉下來！

但是，大多數Linux支持者都抱怨，谷歌這個行動將會分裂Linux.都已經有了Ubuntu，剛剛上軌道，忽然間殺出一個程咬金!

(Continue.......)