2007年11月28日 星期三

Google 翻譯 - 讓你的網站馬上擁有多國語系

利用 Google 翻譯不但可以幫您翻譯所瀏覽的網站,還提供了一個免費小工具,只要選擇網站的語言就可以取得 HTML 程式碼,然後貼到您的網頁上,如此您的網站馬上就擁有多國語言了喔!

Google 翻譯



Google 翻譯 - 工具
目前繁體中文的翻譯小工具只有支援英文及簡體中文。


2008/05/12 增修︰

Google 翻譯在日前悄悄的改版,讓各語言間的翻譯有更多的支援,這也表示 Google 翻譯的能力更為強大,而且開放使用者提出翻譯建議,以改善翻譯品質。

2007年11月23日 星期五

有趣的 Google 搜尋

直接輸入關鍵字利用 Google 搜尋,來搜尋網站或資料大家一定不陌生,不過 Google 搜尋還有更多功能喔!

˙匯率兌換
1 GBP =? USD
1人民幣 -> 台幣
1美元換成台幣

˙計算機
5+2*2
2^20
1英里=?公里
光速乘以二秒等於多少公里

˙中英文字典
fy apple
翻譯 蘋果

˙農曆陽曆轉換
2008年 春節
陽曆 1974/8/7
農曆 1974/6/20

2007年11月22日 星期四

ClockLink.com - Flash 世界時鐘

這是一個有趣的網站,提供了非常多樣式的 Flash 時鐘連北京 2008 奧運倒數的樣式都有喔,重點是免費而且不需要申請,只要選好想要的時鐘樣式,做幾個設定就可以取得 HTML 的程式碼放入你的網站或是 Blog。

ClockLink.com







2007年11月21日 星期三

Google Picasa 網路相簿

最近因為公司網站系統的需求要提供網路相簿的功能,所以我找上了 Picasa。



仿間雖然有許多提供免費的網路相簿,但是我唯讀鍾愛 Picasa,原因在於 Picasa 擁有 Google 強大的支援。

1. 提供了 Picasa Google 相片管理程式免費下載使用,除了可以管理自己電腦上的相片,更可以直接將相片上傳至 Picasa。



2. Picasa 結合了 Google Map,可以更有效的讓瀏覽者了解相片拍攝地點。

Picasa Web Albums Map

3. Google 的 gData 提供了完整的 Picasa Web Albums Data API,更可以完整結合應用在自己的網路系統裡。

Picasa Web Albums Data API

有了如此強大的網路相簿,我們又何苦為難自己去架設網路相簿系統呢!

提到 Picasa Web Albums Data API 這裡簡易的說明,在可以不申請 gData 認證之下如何取得 Picasa 的相簿資料, Picasa API 提供了完整的 RSS 文件讓使用者加以運用,只要知道如何取得 RSS 文件,剩下的就不困難了,這裡以 Picasa 所提供的範例相本做為範例說明。

相簿網址︰http://picasaweb.google.com/picasateam

我們首先要知道的是你在 Picasa 的使用者 userID,以這個範例的使用者 userID 其實就是最後面的 picasateam,有了這個 userID 之後我們就可以取得這個 userID 下所有公開相簿的 RSS 文件。

picasateam 公開相簿的 RSS︰
http://picasaweb.google.com/data/feed/api/user/picasateam


在這份 RSS 文件中會列出所有公開相簿的資料,從這些資料當中可以取得每本相簿的 albumNamealbumID,同樣的道理我們就可以取得該本相簿的所有相片資料的 RSS 文件。例如 picasateam 裡其中一本相簿名稱為 CambridgeUK 的 albumName 為 CambridgeUK,albumID 為 5114585224189980161。這裡有兩種方法取得 RSS 文件。

RSS By album name︰
http://picasaweb.google.com/data/feed/api/user/picasateam
/album/CambridgeUK


RSS By album ID︰
http://picasaweb.google.com/data/feed/api/user/picasateam
/albumid/5114585224189980161


在相簿 RSS 文件中又可以取得該本相簿裡所有相片的資料,同樣也可以取得每張相片的 photoID,透過 photoID 又可以取得該相片的 RSS 文件,例如相簿 CambridgeUK 有張相片的 photoID 為 5114585232779914770

Photo RSS︰
http://picasaweb.google.com/data/feed/api/user/picasateam
/albumid/5114585224189980161
/photoid/5114585232779914770


如此你將取得在 Picasa 所有公開相簿相片的資料,便可以加以運用。

2007年11月18日 星期日

Plugoo - 提供免費即時通訊功能

Plugoo 是個提供免費即時通訊功能的網站,申請後能在自己的網站增加即時通訊的功能。網友就算沒有 MSN、Yahoo Messenger、Gtalk、AIM、ICQ 等等,都能夠在您的網站上與您的即時通訊軟體對話,非常方便。

Plugoo



相關教學︰pen2's Revival - Plugoo教學

為何使用表格排版是不明智的?

這是一篇很有趣的簡報,告訴你「為何使用表格排版是不明智的?」而應該用 CSS 和有結構性的 HTML 來編排網頁。這個簡報有多國語言的翻譯,而且插畫很有趣!雖然我自己對 CSS 還不是很熟,但是用 <table> 來排版的確已經是不好的作法了,有興趣的人可以看看這篇簡報。

http://www.7dspace.com/seybold/index.html

2007年11月1日 星期四

Ajax 不可不知的核心物件 XMLHttpRequest

Ajax (Asynchronous JavaScript and XML) 由 HTML、JavaScript 技術、DHTML 和 DOM 組成,JavaScript 是在 Client 端所執行的程式,並無法直些與 Server 端的資料庫溝通。但是 Ajax 的主要精神就是在頁面不 Reload,或者跳頁的情況下對 Server 端的資料庫進行溝通。這時候我們就必須用到 JavaScript 的一個物件 XMLHttpRequest。

XMLHttpRequest 是 Ajax 應用程式的核心,透過 XMLHttpRequest 物件 JavaScript 便可以與伺服器進行對話。這個物件對剛要開始碰觸 Ajax 的人應該有些陌生,如果你會寫 PHP、ColdFusion 那麼應該對 curl、cfhttp 很熟悉,其實 XMLHttpRequest 的功能與其是差不多的。

這樣來說好了 XMLHttpRequest 就是在幫助 JavaScript 模擬一個隱形的瀏覽器,透過 HTTP 的方式去拜訪 Server 端的程式,所以我們需要給它所要拜訪程式的網址,同樣的我們也可以傳送 GET、POST 的參數給 Server 端的程式。當 Server 端的程式執行完成後便會回傳頁面呈現結果給 XMLHttpRequest。

但是 PHP、ColdFusion 是 Server 端執行的程式,其 AP Server 會負責確定所請求的服務不管執行結果是如何,回應完成了沒有。然而 JavaScript 卻是在 Client 端所執行的程式,所以並不會有人幫你確定這點,這部份就必須要我們自己來做了。

當我們運用 XMLHttpRequest 對 Server 端請求服務的時便進入一個迴圈,會不段回傳 HTTP 就緒狀態,其狀態如下︰

0 : 請求未初始化。
1 : 請求已經建立,但是還沒有發送。
2 : 請求已發送,正在處理中。
3 : 請求在處理,但是伺服器還沒完成回應。
4 : 回應已完成。

每種瀏覽器會有些差異,但這可以不必過於擔心,我們只需要最後回傳 HTTP 就緒狀態為 4﹙回應已完成﹚的結果,這部份在各瀏覽器是一致的。

接下來我們還需要注意的是在不同瀏覽器 JavaScript 程式的用法有很大的部份是不同的,說穿了其實就是只有微軟的 IE 跟人家不同,這裡也會遇到同樣的問題。在 Firefox 與其它瀏覽器我們是用 XMLHttpRequest 這個物件沒有錯,而 IE 並沒有這個物件存在而是用一個叫做 ActiveXObject 的物件,後續用法其實是一樣的。

到這裡我一直沒有提到 XMLHttpRequest 真正實際的用法,如果你還有興趣了解更多,請參閱相關閱讀內的資料。

相關閱讀︰
developerWorks 中国: 掌握 Ajax 系列
developerWorks 中国: Ajax 資源中心