= 2008-10-18 = == jQuery == * 因為工作上的需求,會需要用到 AJAX 跟一些基本的網頁元件。雖然先前曾經考慮改學 [http://flex.org Flex] 來解決常用元件不易取得的缺點,不過網頁的除錯與即時更新性還是比較好(至少不用反覆 compile,發現有問題又可以先看原始碼),因此花了一點小小的時間搜尋目前哪個 Javascript Library/Framework 比較好用。根據一些網路文件[http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks 1][http://royal.pingdom.com/2008/06/11/javascript-framework-usage-among-top-websites/ 2][http://wiki.freaks-unidos.net/javascript-libraries 3][http://www.nitobi.com/survey/ 4]的評比(多數前幾名都是 [http://www.prototypejs.org/ Prototype], [http://jquery.com jQuery], [http://script.aculo.us/ Scriptaculous], [http://tw.developer.yahoo.com/yui.html YUI], [http://dojotoolkit.org/ Dojo]),看樣子 [http://jquery.com jQuery] 是個值得學習的 Framework。當然最主要是因為我先前就看到[http://stuff.techwhack.com/5182-jquery-javascript 微軟把 jQuery 納入 Visual Studio],這種置入性的影響性不容忽略(根據以往瀏覽器大戰的歷史教訓)。 * [http://google.com/trends?q=prototype+javascript%2C+jquery+javascript%2C+yui+javascript%2C+dojo+javascript&ctab=0&geo=all&date=all&sort=0 Javasript Framework 的趨勢觀察] * [[Image(js_framework_trends.png)]] * [http://google.com/trends?q=prototype+javascript%2C+jquery+javascript%2C+yui+javascript%2C+flex+actionscript&ctab=0&geo=all&date=all&sort=0 Javasript Framework 與 Flex 的趨勢觀察] * [[Image(js_vs_flex.png)]] * [http://planet.nccucs.org/2008/05/28/266/ Google 幫忙 host 幾個知名 JavaScript 函式庫] === jQuery UI === * http://ui.jquery.com/ === jQuery 學習心得筆記 & 中文學習資源 === * [http://blog.ericsk.org/archives/833 jQuery 學習心得筆記 (1)] * [http://blog.ericsk.org/archives/834 jQuery 學習心得筆記 (2)] * [http://blog.ericsk.org/archives/836 jQuery 學習心得筆記 (3) - 事件(Event)處理] * [http://blog.ericsk.org/archives/838 jQuery 學習心得筆記 (4) - Ajax (上)] * [http://blog.ericsk.org/archives/839 jQuery 學習心得筆記 (5) - Ajax (下)] * [http://blog.ericsk.org/archives/847 jQuery 學習心得筆記 (6) — 操作 DOM 物件] * [http://blog.ericsk.org/archives/857 jQuery 學習心得筆記 (7) — 擴充 jQuery] * 中文書籍:[http://www.books.com.tw/exep/prod/booksfile.php?item=0010405622 網頁設計?愛上jQuery] * API 說明:[http://visualjquery.com/ Visual jQuery][http://jquery.org.cn/visual/cn/index.xml 中文版(簡)] * [http://www.ibm.com/developerworks/cn/xml/x-ajaxjquery.html 使用 jQuery 簡化 Ajax 開發(簡)] * [http://www.k99k.com/jQuery_getting_started.html jQuery中文入門指南,翻譯加實例,jQuery的起點教程(簡)] * [http://www.blueidea.com/tech/web/2007/4993.asp jQuery入門簡介(簡)] === jQuery-PHP === * [http://jquery.hohli.com/ jQuery-PHP] === jQuery 特效實例 === * [http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/ jQuery Tutorials for Designers] == CSS Framework == * [http://speckyboy.com/2008/03/28/top-12-css-frameworks-and-how-to-understand-them/ Top 12 CSS Frameworks and How to Understand Them] * [http://en.wikipedia.org/wiki/List_of_CSS_frameworks List of CSS frameworks] * [http://elements.projectdesigns.org/ Elements CSS Frameworks] == formReForm == * [http://code.google.com/p/formreform/ 官方網站] * [http://css.dzone.com/node/1457/ reForm: CSS Form Design Template for Any Layout] * [http://css.dzone.com/news/reform-css-form-design-templat-1 reForm: CSS Form Design Template for Any Layout (Part 2)]