2009-12-16

Joe Hewitt: "Welcome to Firebug 1.0"

Douglas Crockford: "Advanced JavaScript" (2 of 3)

Douglas Crockford: "Advanced JavaScript" (3 of 3)

Douglas Crockford: "Advanced JavaScript" (1 of 3)

Douglas Crockford: "JavaScript - The Good Parts"

The JavaScript Programming Language 3 - [JavaScriptBank.com]

The JavaScript Programming Language 4 - [JavaScriptBank.com]

The JavaScript Programming Language 2 - [JavaScriptBank.com]

Douglas Crockford: "The JavaScript Programming Language"/1 of 4

2009-11-19

Super-easy Wireframing

需要使用 wireframing, 又苦無工具,

或許可以試試看 http://www.mockflow.com/

它是一個免費的工具, 線上製作 wireframing,

可以分享文件內容, 免費有頁數限制, 比較可惜,

功能很棒, 建議你可以試試看!

fluid 960 gs

你可能知道 960 Css,

fluid960gs 可以幫你整合更多, 利用了 jQuery, MooTools, 也提供 No JavaScript,

讓你可以加快開發 Html, 960 css,

其實說破了就是, 960 Css + JavaScript

有興趣可以去看看

http://www.designinfluences.com/fluid960gs/



Email Marketing

若你正在使用 Email 進行行銷, 介紹你使用 verticalresponse ,

它可以幫你管理客戶資料, 電子郵件內容,

並幫你轉發給訂閱的客戶, 或是你建立的 Email 名單,

最棒的是, 它還可以幫你建立表單, 讓你可以輕鬆的整合再你的網站上,

不需寫程式碼, 還可以設定,是否需要認證碼資訊,

幫你寄送認證信給訂閱人,

方便的管理介面,

是個很棒的工具

https://www.verticalresponse.com/#



2009-08-11

jQuery 操作 scrollbar

語法
$(window).scrollTop(100);
$(window).scrollLeft(100);

這樣可以去控制 scrollbar 的數值

若需要使用 animate 可以這樣使用

$('html, body').animate({
  scrollLeft : 1000},
  {quenu : false,
  step : function () {
  alert('正在移動中...');
},
  duration : 3000,
  complete : function () {
    alert('移動完畢!');
  }
);

animate 参數說明

http://docs.jquery.com/Effects/animate

2009-08-09

dojo



Dojo

1. Dojo Base

1.1 Data

1.2 Drag And Drop

1.3 FX

1.4 IO

1.5 Query

2. Dijit

2.1 Color Palette

2.2 Declaration

2.3 Dialog

2.4 Editor

2.5 From Controls

2.6 Inline Edit box

2.7 Layout

2.8 Mail

2.9 Menu

2.10 Progress Bar

2.11 Tree

3. DojoX

3.1 Carting

3.2 DTL

3.3 FX

3.4 Gfx

3.5 Gfx3D

3.6 Grid

3.7 Highlight

3.8 Image

3.9 Layout

3.10 Presentation

3.11 Wiggets


2009-08-06

MVC components work together to server a web page



MVC components work together to server a web page.


補充說明 :

1. Request from brower
2. Router
3. Dispatcher
4. Controller
5. View
6. Model
7. Response to browser

2009-08-05

ZF, CakePHP, Codelgniter, Solar and Symfony 比較


ZF, CakePHP, Codelgnite, Sp;ar and Symfony




ZF 基本元件圖

ZF 元件圖

Components in ZF


Components in ZF





Why use ZF ?

選用 ZF 的優點, 有哪些!?




1. It has full documention.

具備完善的文件說明

2. Development is simple.

豐富的開發範例

3. Development is rapid.

具有快速開發, 簡化複雜度的優勢

4. Everything is in the box.

將複雜的資訊整理與封裝

5. It has a modern design.

模組化設計, 可以輕易的找出你所需要的模組

6. It is easy to learn.

簡易上手

MVC flow in ZF




ZF : MVC Flow





2009-06-09

利用 Spket IDE 開發 JavaScript

JavaScript 是個優美精簡的語言, 卻有著強大的功能, 可以讓我們輕鬆的開發出美妙的互動與可靠的應用。

現在使用 AJAX Framework 的應用程式越來越多, JavaScript, DOM, XMLHttp 越來越重要,

若你是從事網路應用開發, 需要開發大量的 JavaScript, 或是使用各種 AJAX Framework,

選用一個好工具可以幫助你解決很多問題,

之前我都使用 UtralEdit 或是 UtralStudio 進行寫作 JavaScript,

一直到我找到了可以幫助我寫作 JavaScript 的工具, Spket IDE ,

這個工具可以幫助你寫 JavaScript 時出現適當的, IntelliSense

還可以提示参數中的型別, 當然也支援 AJAX Framework,

如 Ext JS, jQuery, YUI, JavaScript Librarys, JSDoc, 擴充性更不用說,

因為是 Eclipse Base, 所以可以自訂擴充項目, 很棒的工具 。


Spket WebSite : http://www.spket.com

【安裝 Spket IDE 要求】

Java 1.4.2 or Higher

【安裝部驟】

1. 下載 spket IDE, (寫作時的版本是 : 1.6.16),

spket-1.6.16.zip

2. 使用命令列 (Command Mode) 輸入 java -jar spket-1.6.16.zip 安裝

出現安裝對話方塊, 執行到完成即可 。