2010年5月30日 星期日

[jQuery]簡單實用的 jQuery UI 框架 - DWZ 富客戶端框架(jUI)

簡單實用的 jQuery UI 框架 - DWZ 富客戶端框架(jUI)

DWZ 富客戶端框架(jQuery RIA framework), 是基於 jQuery 實現的 Ajax RIA 開源框架.
DWZ 富客戶端框架設計目標是簡單實用,快速開發,降低 ajax 開發成本。


DWZ論壇 bbs.dwzjs.com
在線演示地址 demo.dwzjs.com
在線文檔 http://demo.dwzjs.com/doc/dwz-user-guide.pdf
Ajax 開發視頻 http://demo.dwzjs.com/doc/dwz-ajax-develop.swf
演示視頻 http://demo.dwzjs.com/doc/dwz-user-guide.swf
Google Code下載: http://code.google.com/p/dwz

[視訊]鋼鐵人第三集 鋼鐵寶寶登場

鋼鐵人第三集-鋼鐵寶寶登場,來自國外的的創意改編,寶寶真的粉可愛^o^

[教學]BodyRock.tv - 性感健身操

BodyRock.tv 教您怎麼鍛鍊健美的好身材,可惜是英文教學^^



Fitness - Sexy Hot Cool Workout 性感健身操


網站:http://www.bodyrock.tv/

2010年5月9日 星期日

[Ext]Ext Designer-視覺化設計Ext

期待已久的 Ext Designer 終於正式發售了,Ext Designer 是一個桌面應用程式,Ext Designer 讓您可以直接用拖拽的方式來完成 Ext 程式的創建。


視訊教學:


詳細介紹:http://www.extjs.com/products/designer/

下載:http://www.extjs.com/products/designer/download.php

2010年5月5日 星期三

[Flex]一星期學會 Adobe Flex 4(Flex in a Week)

Adobe 的線上免費課程「一星期學會 Flex(Flex in a Week)」,規畫成一星期的課程。線上課程都是用 Flex Builder 完成的,所以想要練習的話,還是先去下載 Flex Builder 比較容易。可惜是英文的,不過還有字幕。

課程網址:Adobe Flex in a Week

剛發現,已經有簡体中文字幕的版本了^^

「一星期學會 Flex(Flex in a Week)」中文版

RIAMeeting 基於 Adobe 官方的 Flex in a Week 翻譯配音,發佈了「一周內學會Flex」中文視頻教程 ,該系列視頻旨在讓對 Flex 感興趣的開發者在一周之內從零起步完成 Flex 入門。

目前已經完成的部分如下:

第一天——Flex 基礎 ,包括的內容有:
Flex、Flash、Flash Player、AIR 概述
瞭解 Flex Builder
Flex Builder 工作空間
瞭解 Flex 預編譯組件
瞭解 MXML
組件的數據綁定
處理用戶事件
瞭解事件對像
使用 ActionScript 添加事件偵聽器
使用 HttpService 獲取數據

第二天——組件開發 ,該部分包括如下視頻:
在 DataGrid 中顯示數據
佈局容器的使用
創建自定義的 MXML 組件
實現 Value Object 類
創建自定義事件
創建自定義事件類
自定義項目渲染器
探索 Flex Bulider 的使用小竅門

第三天——協同工作 ,包括:
數據驗證
使用遠程對像來傳輸數據
格式化數據
從列表控件中拖放數據
使用 E4X 來過濾 XML
部署 Flex 和 AIR 應用

第四天——添加視覺組件 ,具體內容如下:
執行導航容器
嵌入圖像
嵌入字體
創建基於約束的佈局
為 MXML 組件應用樣式
結合 Adobe CS3 製作組件皮膚
創建視圖狀態
動畫:行為和特效
結合繪圖 API 繪製圖形
編碼實現組件皮膚
擴展組件

第五天——高級開發技巧
瞭解 Flash 定時器的行為
配套練習及示例代碼可至 Adobe 官方的 Flex in a Week 頁面 下載。

課程網址:一周學習 Flex4 視頻中文版

2010年5月4日 星期二

[CSS]Fluid 960 Grid System Templates

Fluid 960 Grid System


Demo: http://designinfluences.com/fluid960gs/

[CSS]5 個常見的 CSS Frameworks - Yahoo YUI, 960 CSS, Blueprint, Yaml, jQuery

5 個常見的 CSS 框架
  1. Yahoo YUI (Yahoo User Interface Library)
  2. 960 CSS Framework
  3. Blueprint CSS Framework
  4. Yaml (Yet Another Multicolumn Layout)
  5. The jQuery UI CSS Framework

Yahoo YUI (Yahoo User Interface Library)

YUI Grids CSS 是最著名的 CSS 框架之一,是由 Yahoo 開發小組開發而成。

DEMO:Yahoo YUI Grids CSS DEMO

960 CSS Framework

960 CSS 網格框架系統,可以幫助您快速進行網頁設計的工具。960 網絡系統包含一個 PDF 網格頁面、Fireworks 模板、OnmiGraffle 模板、Photoshop 模板和一套 CSS 框架下的 HTML 演示。如果你正準備進行一個網格設計,可以下載使用。之所以叫 960 就是說模板的寬度是 960 像素。而之所以用 960 像素來做為標準,是因為 960 像素寬具有高度的靈活性,它可以按 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 和 480 來進行劃分。

Blueprint CSS Framework

Blueprint 是一個 CSS 框架,它的目的是減少您的 css 開發時間。它提供一個可靠的 css 基礎去創建您的項目,BP 由一個易用的網格、合理的佈局和一個列印樣式。

YAML

Yaml (Yet Another Multicolumn Layout)是一款結構簡約而不簡單的 css 框架,擁有張性和 靈活的佈局,可以創建時尚和彈性佈局,結構相當靈活,實用與大多