AJAX Framework

20
Sep

ericksk說:「既然找不到別人寫的,那就自己寫吧!」,因此他寫了一套jq4r,全名叫jQuery helpers for Rails。真是頗吸引我的,之前用過一陣子的jQuery,感覺還滿好用的,最近不但推出新版還搞了一套jQuery UI,之前在某個日文網站看到的評論稱之為「jQuery's Scriptaculous」。

anyway,ericsk的文章在此:jq4r - jQuery helpers for Rails

他另外開了一個blog及google code project專門來放jq4r:

Category : AJAX Framework | Ruby on Rails | Blog
17
Sep

剛剛看到「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

Category : AJAX Framework | Blog
25
Apr

剛剛在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 Toolkit

Dojo Offline是個免費、開放原始碼的開發工具,可以輕鬆地讓網站應用程式(web application)離線運作。Dojo Offline主要由兩個部份組成,1. 一個與網站綁在一起的JavaScript函式庫, 2. 一個僅有300K大小的跨平台、跨瀏覽器的安裝套件,它會在使用者端建立一份網站使用介面的離線快取。

Dojo Offline是...

  • Small輕巧
    User端需要下載的程式僅300K大小,只花您一分鐘的時間即可下載。
  • Easy易於使用
    Dojo Offline處理了繁雜的工作,所以您可以專注於網站的開發。Dojo Offline提供工具讓您建立離線的使用者介面,並有處理資料同步的機制,確保您的資料可以持續地儲存。
  • Open開放
    100%開放原始碼,BSD License.
  • Focused專注
    Dojo Offline不會幫您的地板打蠟(按:意指Dojo Offline不是拿來讓網站變漂亮用的),但Dojo Offline真的把一件事做得很好:讓你現有的網站可以離線使用。
  • Supported支援
    這段不太想寫,反正就是遇到問題他們有提供求援管道=.= http://www.sitepen.com/offline

Demo

http://codinginparadise.org/projects/dojo_offline/working/demos/offline/moxie/editor.html

Documentation說明文件

教學影片

http://video.yahoo.com/video/play?vid=427145

這個教學影片長達59分52秒,實在有點懶得看,有空再來看好了orz

Category : AJAX Framework | Blog
20
Dec

 

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)

Overview

根據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等瀏覽器上測試過。

Features特色

  • Prototype Window Class所產生的code都是 Valid HTML/XHTML
  • 可調整大小的視窗
  • 支援最大化、最小化視窗(Maximize/Minimize)
  • Modal dialogs(看不懂,大概就是可以產生「確認、取消」之類的對話視窗)
  • 各種視覺效果
  • 可更換Skin

How to Use使用方式

首先在網頁上插入以下程式碼,最後一行是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可以馬上看到效果,在此放張截圖:

Category : AJAX Framework | Blog
19
Oct

Spry framework for Ajax
http://labs.adobe.com/technologies/spry/

Demo:

  • Photo Gallery—An XML-based photo gallery.
  • Product Table—An interactive data grid displaying XML-based data.
  • RSS Reader—An RSS reader showing how multiple XML files can be used to build a rich interface.
  • Effects Demo—A series of sample effects.
  • 效果不錯,使用方式也很簡單。

    Category : AJAX Framework | Blog