Posted by (0) Comment
ericksk說:「既然找不到別人寫的,那就自己寫吧!」,因此他寫了一套jq4r,全名叫jQuery helpers for Rails。真是頗吸引我的,之前用過一陣子的jQuery,感覺還滿好用的,最近不但推出新版還搞了一套jQuery UI,之前在某個日文網站看到的評論稱之為「jQuery's Scriptaculous」。
anyway,ericsk的文章在此:jq4r - jQuery helpers for Rails
他另外開了一個blog及google code project專門來放jq4r:
Posted by (0) Comment
剛剛看到「jQueryのプラグイン33+1選」列出了一堆jQuery製作出來的網頁效果,我才發現原來jQuery有這麼多好用的外掛,之前只用過我覺得還滿方便的ThickBox(ThickBox簡單來說就是透過jQuery做出來的LightBox效果)。
另外還有這個Tab看起來也是滿簡單好用的,對於我這種懶人而言實在是相當方便:D
jQuery:jQuery- The Write Less, Do More JavaScript Library
jQuery的Plugins:http://docs.jquery.com/Plugins
剛剛在Ajaxian上看到這篇「Dojo Offline Toolkit Beta Released」,沒想到不久前才在思考的有趣議題「離線網路應用程式」如今實現了。雖然還沒有把這個Dojo offline toolkit抓下來玩,不過光用想像的,支援離線應用的話,未來網站的開發將會具有更大的發展彈性。雖然現在無線網路普及度很高,加上3G/3.5G(HSDPA)的發展,大家的眼光、願景應該要朝著網路無所不在(ubiquitous)的方向思考才是,但事實上我們現在還是經常有機會處於完全找不到網路節點的環境,因此離線應用還是有其價值所在啦!就像我習慣用離線的blogging工具就是可以隨時打篇文章、紀錄生活,等到有網路的時候再publish即可。
廢話講了一大堆,還是稍微來翻譯一下Dojo Offline Toolkit的網頁,讓懶得看英文的朋友可以更快瞭解這個Dojo Offline Toolkit有什麼搞頭。(翻得太爛還請多指教orz「信雅達」的原則以我的能力來說恐怕相當不足。)
Dojo Offline Toolkit網址:http://dojotoolkit.org/offline
Dojo Offline是個免費、開放原始碼的開發工具,可以輕鬆地讓網站應用程式(web application)離線運作。Dojo Offline主要由兩個部份組成,1. 一個與網站綁在一起的JavaScript函式庫, 2. 一個僅有300K大小的跨平台、跨瀏覽器的安裝套件,它會在使用者端建立一份網站使用介面的離線快取。
http://codinginparadise.org/projects/dojo_offline/working/demos/offline/moxie/editor.html
http://video.yahoo.com/video/play?vid=427145
這個教學影片長達59分52秒,實在有點懶得看,有空再來看好了orz
Posted by (2) Comment
Prototype Window Class:http://prototype-window.xilinus.com/
昨天亂逛到的一個AJAX Framework,主要訴求是希望讓Web開發者透過Prototype Window Class便可以輕鬆地在網頁上產生各式各樣的視窗(Window or Windows)。
比較吸引我的是Prototype Window Class的文件很完整,使用起來應該不會有太大困難,再加上Sample網頁有幾個範例很吸引我,像是登入視窗的特效,很簡單就可以做出類似HEMiDEMi或是Netvibes的登入效果,對我這種懶人而言,不需要多研究什麼東西就可以完成一件事情是多麼美好的事情!
(稍微翻譯一下它的首頁好了orz,沒什麼技術能力可以充實內容,只好靠英文字典了XD)
根據Prototype Window Class首頁的說法,它是以Prototype為基礎開發出來的,同時是「inspired by the powerful script.aclou.us」(這個說法很酷,之前有聽到script.aclou.us是Driven and Inspired by Ruby on Rails,這麼推演的話,RoR真的是非常偉大!),目前已經在Safari, Camino, Firefox以及IE6等瀏覽器上測試過。
首先在網頁上插入以下程式碼,最後一行是Themes的設定,要更換視窗風格只要修改此行即可:
[js] [/js]
接下來是進行宣告視窗的動作:
[js]
win = new Window('window_id', {className: "mac_os_x", title: "Sample", width:200, height:150});
win.getContent().innerHTML = "
Hello world !!
";
win.setDestroyOnClose();
win.showCenter(); [/js]
如果在官網上,程式碼下面就有Test it可以馬上看到效果,在此放張截圖:
Posted by (1) Comment
Spry framework for Ajax
http://labs.adobe.com/technologies/spry/
Demo:
效果不錯,使用方式也很簡單。