2012年12月11日 星期二

一些網頁元件

拜jquery以及ajax之賜,很快一些Web GUI如雨後春筍般地冒出,但是每個其實都要自己去評估,沒有完全一套的GUI是比較可惜的,但是也是好處。我比較偏好簡潔的風格(簡單說,希望在十分鐘內可以上手,最好coding只要一兩行),下面是幾個我survey過的GUI元件,做個紀錄

一般元件
Scrolling Table
http://www.htmldrive.net/items/demo/34/Pure-CSS-Scrollable-Table-with-Fixed-Header
Color Table
http://www.htmldrive.net/items/demo/33/Colorize-jQuery-Table-Plugin
List selector
http://harvesthq.github.com/chosen/
Loading Mask
http://code.google.com/p/jquery-loadmask/
JNotify
http://www.myjqueryplugins.com/jquery-plugin/jnotify

Calendar

Event Calendar
http://www.vissit.com/jquery-event-calendar-plugin-english-version
iCal Calendar
http://www.htmldrive.net/items/demo/568/astonishing-iCal-like-calendars-with-jQuery
Dojo Calendar
http://demos.dojotoolkit.org/demos/calendar/demo.html

我是想要一個簡單的Event Calendar,後來又回歸到jquery ui上面,

  • 第一個event calendar結合json,一定帶有event list,必須改code修正客製化
  • iCal基本上蠻簡潔陽春的
  • Dojo看demo很強大,但是要跟dojo的framework結合,效能不知如何,就不用了


ajax檔案上傳
uploadify
http://www.uploadify.com/
jquery upload demo
http://blueimp.github.com/jQuery-File-Upload/
plupload
http://www.plupload.com/example_queuewidget.php

如果只是要檔案上傳,很多可以用,甚至可以自己寫,但是如果要基本畫面,如process bar大概免費的舊這三個

  • uploadify最簡單,可惜要使用flash或者繳交5USD買HTML版本
  • jquery upload demo支援HTML 5,不錯,很可惜GUI很複雜
  • plupload支援多種平台,感覺很好,但是HTML 5畫面簡直是陽春,要自己重新設計一下


沒有留言:

張貼留言