大記事記大翅

2014年7月6日星期日

Windows 8 的使用

------------------------------------

2014年7月4日星期五

不自量力の Weithenn: 新書 - Windows Server 2012 R2 Hyper-V 3.0 虛擬化環境實戰

不自量力の Weithenn: 新書 - Windows Server 2012 R2 Hyper-V 3.0 虛擬化環境實戰: 1、前言 Windows Server 2012 R2 雲端作業系統於 2013 年 10 月正式上市，新一代的雲端作業系統不僅僅只是將舊有功能改進並且還新增多項全新功能，本書共有 13 章從一開始的 x86 虛擬化技術，到如何讓讀者可以籍由 Nested Virtual...

2011年7月10日星期日

WIndows 檔案總管替代品

QTTabBar
http://qttabbar.wikidot.com/download

2011年7月4日星期一

Windows7 練功 --使用軟體協助

【RegOwnit】
取得 Windows Registry 的存取權限
http://www.thewindowsclub.com/wp-content/uploads/2011/06/regownit.png

【Context Menu Editor v1.0】

設定滑鼠點到資料夾時，按下右鍵的選單
http://binarybuddy.deviantart.com/art/Context-Menu-Editor-v1-0-155571058

【Diff-IE Add-on for Internet Explorer】
Diff-IE is a prototype Internet Explorer add-on that highlights the changes to a page since the last time you visited it and enables you to view and compare previously cached versions of the page.
http://research.microsoft.com/en-us/downloads/fa28ea5b-e5f2-410e-b56a-9119c5308072/default.aspx

【】

【】

【】

2011年6月18日星期六

Windows 7 基本練功三(使用軟體協助)

軟體篇
----------------------------------------------------
* 【7CONIFIER --變換 Windows 7 的工作列圖示】

官方網站：http://wronex.deviantart.com/#/d2xsha2
軟體語系：英文

* Hedgehog's 【Jumplist Launcher --- 在工作列釘選一個常用捷徑目錄列表】

官方網站：http://en.www.ali.dj/jumplist-launcher/
軟體語系：英文

編輯出一個常用捷徑目錄釘選在工作列上，可以減少釘選捷徑，避免塞爆工作列

【EnhanceMySe7en --系統維護及優化工具】

官方網站：http://www.seriousbit.com/tweak_windows_7/
軟體語系：英文

說明
http://steachs.com/archives/1530

【RT Se7en Lite --客製化 Windows 7 全自動安裝光碟】

官方網站：http://www.rt7lite.com
軟體語系：繁、簡、英等其它語系

說明
http://steachs.com/archives/1677

【Advanced SystemCare Free (formerly Advanced WindowsCare Personal) 】

官方網站：http://www.iobit.com/advancedsystemcareper.html
軟體語系：英文

【ResetExplorer -- Windows 7 資料夾排列樣式別再亂跑】

官方網站：http://www.annoyances.org/
軟體語系：英文

【】

【】

2011年6月17日星期五

免費軟體

【類似微軟的 Office 軟體】

* LibreOffice --有正體中文介面

http://www.libreoffice.org/

【更名】

* Bulk Rename Utility --批次更名

http://www.bulkrenameutility.co.uk/

【多媒體】

* Avidemux --影片剪輯

剪片時不會轉檔(即保留原來的視訊編碼格式)

http://avidemux.berlios.de/index.html

* Freemake Video Downloader
Download video from YouTube, Vevo, Facebook, MTV, ComedyCentral, Vimeo and 40+ sites
繁體中文介面
http://www.freemake.com/free_video_downloader/

* All Video Downloader
download videos from Youtube, Dailymotion, Vimeo, Google video, Yahoo video, Tubewatcher, Koreus, Myspace... and more than 280+ streaming videos site
http://www.allvideodownloader.com/

* IEDownloadHelper --Download any video in IE
http://ie-downloadhelper.com/

【ico 檔案處理】

* IcoFX --建立、取出、編輯及轉檔 icon 圖示 (包含正體中文介面)

http://icofx.ro/

文書處理軟體

【類似微軟的 Office 軟體】

* LibreOffice --有正體中文介面

http://www.libreoffice.org/

【更名】

* Bulk Rename Utility --批次更名

http://www.bulkrenameutility.co.uk/

【多媒體】

* Avidemux --影片剪輯

剪片時不會轉檔(即保留原來的視訊編碼格式)

http://avidemux.berlios.de/index.html

【系統工具】
* System Explorer
http://systemexplorer.net/

* System Spec - A Portable Freeware System Information Utility
http://www.alexnolan.net/software/sysspec.htm

【】

【】

2011年6月16日星期四

Windows 7 基本練功二

indows 7 基本練功二

【修改檔案總管資料夾小圖示】

[情況]
使用 WINDOW 7 檔案總管時，資料夾的黃色小圖示總是看得很不習慣，一是顏色太淺，二是覺得太醜，三是若老人家視力不好或螢幕調太亮就很刺眼，長久下來傷眼，最後導致傷肝，為了健保醫療資源，只好手動修改。
花了幾天時間上國外網站求經，整理心得如下。

[解決]

requirement
---------------------------------------------------
1. 先上網隨便找 2 個自己喜歡的資料夾圖示，這裡使用下列這 2 張圖做示範。

folder_01.ico 用來取代預設的資料夾小圖示 (default folder icon)
folder_02.ico 用來取代開啟的資料夾小圖示 (open folder icon)
此處我存放在 C:\folders\ 下。

或是直接使用WINDOWS 系統內建的 DLL 檔案裡的圖示，例如 C:\Windows\System32\imageres.dll 檔案內的圖示。

ico 這裡有很多：
http://www.vistaicons.com/icon_collections.htm
http://www.iconarchive.com/category/folder-icons.html

2. 如果你找到的是 PNG 或 JPG 等圖示，有個免費的軟體可以讓你值接轉存 ICO 圖示：
IcoFX --建立、取出、編輯及轉檔 icon 圖示 (包含正體中文介面)
http://icofx.ro/

step by step
---------------------------------------------------

檔案總管的資料夾 icon 圖示大約分成幾類：

1. 預設圖示(default icon)

未開啟的資料夾 icon 圖示

2. 開啟圖示(open icon)

當展開子資料夾時，資料夾 icon 圖示會產生變化

3. 系統內建特殊資料夾圖示

例如媒體櫃，登入的使用者名稱下的「下載、我的文件、我的音樂、我的最愛、.....」特殊資料夾等

* default folder icon 與 open folder icon 解說
Image Hosted by ImageShack.us

方法一：使用軟體

---->>使用 EnhanceMySe7en 軟體 (囧rz) ，選擇最後一個選項「客製化」，輕鬆解決 ╮(╯_╰)╭ 。
EnhanceMySe7en

自己搞請見下列步驟，小心翻桌～
╯-__-)╯ ╩╩

---->> 使用魔方2 簡體版 (沒試過)
http://www.tweakcube.com/

方法二：手動修改

使用下列 2 張 ICO 圖示取代資料預設圖示

底下是相關的登錄檔，如果要取消自訂 icon 的話，直接清除掉相關值即可

* 修改 open folder icon.reg
Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons]
"4"="C:\\folders\\folder_02_full.ico"

圖示說明>>
修改登錄檔(若無 Shell Icons 資料夾，請自行建立)

重新登入後資料夾圖示變化(注意：此處是只有修改過 open folder icon 機碼值後的變化)

* 修改 default folder icon.reg
Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons]
"3"="C:\\folders\\folder_02.ico"

如果要使用 C:\Windows\System32\imageres.dll 內建編號 190 的 ico，也可直接在登錄檔內修改：

C:\Windows\System32\imageres.dll, -190
(%SystemRoot%\system32\imageres.dll,-1027 →好像不能用變數)

DLL 檔案內含的 ICO 圖示數目

檔名	相關 ICON 說明	icons 數目
shell32.dll	Windows Shell Common Dll	306
imageres.dll	Windows Image Resource	218
wmploc.DLL	Windows Media Player Resources	208
netshell.dll	Network Connections Shell	164
mmcndmgr.dll	MMC Node Manager DLL	129
moricons.dll	Windows NT Setup Icon Resources Library	113
ieframe.dll	Internet Browser	105
compstui.dll	Common Property Sheet User Interface DLL	101
DDORes.dll	Device Category information and resources	81
pnidui.dll	Network System Icon	59

圖示說明>>
修改登錄檔(若無 Shell Icons 資料夾，請自行建立)

重新登入後資料夾圖示變化(注意：此處是修改過 default 與 open folder icon 機碼值後的變化)

特殊資料夾

媒體櫃 icon 須另外修改

媒體櫃的路徑如下

C:\Users\使用者名稱\AppData\Roaming\Microsoft\Windows\Libraries

1. 在檔案總管下移到媒體櫃資料夾，按下 shift + 滑鼠右鍵，選擇「在此處開起命令列視窗」

2. 輸入 dir 指令，此時會出現一些檔案 XML檔案，這些檔案預設在檔案總管內是看不到的

Documents.library-ms

Music.library-ms

Pictures.library-ms

Videos.library-ms

v__v.library-ms

3. 輸入「notepad Music.library-ms」指令，打開其中一個檔案修改 icon，找到下列文字，就是相關 icon 設定，修改相關設定即可

imageres.dll,-1002

注意事項
-------------------------------------------------------------------------------------
1. 媒體櫃圖示我沒修改，所以不知道能不能修改成功。
2. 如果你下載附件，請記得打開後修改 ico 圖示的路徑～
3. 存放 Icons 的 c:\folders\ 資料夾下，可存放多個一組的資料夾圖示，
例如「foldericon01a、foldericon01b」，「foldericon02a、foldericon02b」、「foldericon03a、foldericon03b」 ....等，這樣只要修改登錄檔的 ico 檔名，晚上睡覺關機前執行，就可以隔天開機後更換圖示。大概半年可以換一次圖示調整心情。
4. 若頻繁更換，因 WINDOWS 7 本身bug 問題，會造成 icon cache 毀損，見下列做修復：
http://www.dotblogs.com.tw/chou/archive/2010/05/23/15388.aspx

修復 ico 遺失問題
----------------------------------------------------------------
使用 IcoFX 修改抓下來的圖示，結果真的造成 ico 遺失，見下圖，媒體櫃下自訂的圖示 OK， open folder icon 修改過結果結果顯示未修改前的 icon， open folder icon 沒修改過但是 missing：

作業環境：Windows 7 ，沒有安裝 SP1

試過解決辦法：
1. 刪除 IconCache.db 重開機仍是無救

2. (A)換其他圖案 ; (B) 將原 ico 圖案換個檔案名稱。成功後圖案如下：

3. 如果上述方法還是不行，殺掉 shell icon 這個機碼資料夾，重新開機後win會使用預設的 ico。之後再使用你自己喜歡的 ico 。

我覺得這個是 WINDOWS 的臭蟲，使用 IcoFX 修改圖案時，操作步驟要小心，修改後要另存新檔，不要值接存檔。使用原檔名存檔時，WINDOWS 不會更新 icon cache，當你在檔案總館預覽時你會發現仍然是使用舊的圖示，這時使用你改過的 ico 檔就會出現問題。也就是如果你有個 bird_old.ico 檔案，修改後要存成 bird_new.ico，然後再使用 bird_new.ico 這個檔名做 folder ico。如果你把 bird_old.ico 刪掉，bird_new.ico 檔名改成 bird_old.ico ，一樣會有問題，因為 Windows 已經建立 bird_old.ico 的 icon cache，所以你在檔案總管內預覽到的縮圖仍是舊的 bird_old.ico，引用時就會出現問題。

【補充】

---->> 7LiBraryIconsChanger.INC 2.0 更改媒體櫃的圖示

7LiBraryIconsChanger.INC 2.0

---->> Windows 7 Drive Icon Changer 更換磁碟機圖示

Windows 7 Drive Icon Changer

---->> Shedko Folderico 4

Shedko Folderico 4

---->> Windows Vista/7 Taskbar Color Changer 變更工作列顏色

Windows Vista/7 Taskbar Color Changer

---->> PX.Taskbar Transizer 變更工作列透明度

PX.Taskbar Transizer

2011年6月12日星期日

Windows 7 基本練功一

【設定快速啟動工作列】

方法一

http://support.microsoft.com/kb/975784

%UserProfile%\AppData\Roaming\Microsoft\Internet Explorer\Quick Launch\User Pinned\TaskBar

方法二

執行 gpedit.msc
使用者設定->開始功能表和工作列
右邊找到在工作列顯示快速啟動更改為啟用

使用方法二時，若須「顯示桌面」按鈕的方法：

1. 請新增一份空白的純文字文件。
2. 輸入以下的文字內容到記事本裡頭：
[Shell]
Command=2
IconFile=explorer.exe,3
[Taskbar]
Command=ToggleDesktop

或
[Shell]
Command=2
IconFile=%SystemRoot%\system32\shell32.dll,34
[Taskbar]
Command=ToggleDesktop

3. 輸入完成之後，請從上方工具列的「檔案」→「另存新檔」。

可將檔名儲存為「顯示桌面」，副檔名則改成「scf」，也就是「顯示桌面.scf」，接著按下「儲存」。

4. 最後再把這個「顯示桌面.scf」檔，用滑鼠拖到快速啟動列上即可。

【離開模式】
電腦進入睡眠狀態時，會中斷硬碟、網路、記憶體、CPU 運作。
Windows 7 系統可修改登錄檔啟動獨特的電源管理模式－離開模式 (Away Mode)，此省電模式只會關閉顯示卡、音效卡的運作，搭配 CPU 原有的自我電源管理功能。
1. 輸入 regedit，啟動登錄檔
按下〔Win〕+〔R〕叫出執行對話盒以後，輸入「regedit」並按下〔確定〕

2. 切換到 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Power
3. 執行「新增> DWORD(32 位元) 值」，修改數值名稱與資料如下：
數值名稱：AwayModeEnabled
數值資料：1
4. 重開機
5. 選擇「睡眠」就會進入「離開模式」

【移除 Win7 檔案總管下惱人的我的最愛、媒體櫃】

狀況：
檔案總管下預設開啟「我的最愛、媒體櫃」這 2 個惱人無用的資料夾，占用畫面，若螢幕顯示畫面解析度不大或螢幕太小，容易造成電腦中若有多顆(分割)硬碟畫面被擠壓下移

解決方案：
方案1. 使用免費程式 Windows 7 Navigation Pane Customizer 移除
http://www.door2windows.com/windows-7-navigation-pane-customizer-show-hide-rename-items-in-windows-explorer-navigation-pane/
另外此軟體可對媒體櫃、我的最愛、控制台等作直接更名。也可直接回復已移除的媒體櫃、我的最愛、控制台等，但是 restore 時會變成英文名，須再按一次 restore 會變回中文名。中文作業系統使用上有點卡卡的。

方案2. 使用登錄檔移除。比較麻煩。
將下列拷貝貼上，存成副檔名 .reg 後執行，須登出後再登入WINDOWS 7。恢復(restore) 時會變成英文名：My Favorite, Libraries。

移除我的最愛.reg
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\CLSID\{323CA680-C24D-4099-B94D-446DD2D7249E}\ShellFolder]
"Attributes"=dword:a9400100

移除媒體櫃.reg
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\CLSID\{031E4825-7B94-4dc3-B131-E946B44C8DD5}\ShellFolder]
"Attributes"=dword:b090010d

恢復我的最愛.reg
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\CLSID\{323CA680-C24D-4099-B94D-446DD2D7249E}\ShellFolder]
"Attributes"=dword:a0900100

恢復媒體櫃.reg
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\CLSID\{031E4825-7B94-4dc3-B131-E946B44C8DD5}\ShellFolder]
"Attributes"=dword:b080010d

---------------------------
底下 2 個沒試過
刪除使用者帳戶.reg
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\CLSID\{59031a47-3f72-44a7-89c5-5595fe6b30ee}\ShellFolder\]
"Attributes"=dword:f094012d
(若要加回來則改成: f084012d)

刪除家用群組.reg
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\CLSID\{B4FB3F98-C1EA-428d-A78A-D1F5659CBA93}\ShellFolder\]
"Attributes"=dword:b084010c
(若要加回來則改成: b094010c)

【變更檔案總管 "磁碟機代號" 與 "名稱" 的顯示順序】
1. 在「執行」視窗輸入 regedit，開啟「登錄編輯程式」
2. 切換到「HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer」下，按下滑鼠右鍵，選擇「新增＞DWORD(32位元)值」，新增登錄名稱「ShowDriveLettersFirst」，數值資料為 4，重新登入或重新開機即可。

變更檔案總管磁碟機代號與名稱的顯示順序.reg
Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer]
"ShowDriveLettersFirst"=dword:00000004

【Windows 7檔案總管的預設路徑改成「我的電腦」】
情況：
開啟檔案總管時的預設路徑是媒體櫃，每次都必需自己再點擊電腦位置，如何以將預設位置改為〔我的電腦〕？

解決：
1. 檔案總管上按下滑鼠右鍵後，選擇「內容」。
2. 跳出「內容」對話盒以後，在【捷徑】活頁標籤裡將「目標」欄位內容修改為下面這段程式碼，再按下〔確定〕。
%WINDIR%\explorer.exe ::{20D04FE0-3AEA-1069-A2D8-08002B30309D} ， ::{20D04FE0-3AEA-1069-A2D8-08002B30309D}

【解決Windows 7「無法識別的網路」bug】
情況：
透過ADSL或撥號連線的光纖上網，在 Windows 7 開機時網路可能偵測很久，或出現「無法識別的網路」問題訊息(透過IP分享器就不會遇到，但如果直接接在小烏龜上進行撥號連線的光纖或ADSL，每次開機時可能就會遇到這困擾)。如何調整設定，讓Win 7在開機時不要去偵測識別網路名稱？

解決：

進入「控制台＞網路和網際網路＞網路和共用中心」

將「網際網路通訊協定第6版(TCP/IPv6)」及「將網際網路通訊協定第4版(TCP/IPv4)」取消勾選後按下〔確定〕。

【】

2010年8月13日星期五

電腦機殼 2010年 08 月

上淇 Gaming Case 9002 (http://www.sian.com.tw/web/)

* 機殼尺寸(DxWxH)：46.0 x 18.5 x 42.0 cm

* 前面板接口：USB2.0 x 3+Esata

* 風扇配置：側板12cm白光風扇x2

後板12cm白光風扇x1

前板12cm白光風扇x1

* 5.25〞位：4個 3.5〞位：1個 HDD 位：6個

* 售價：2200 元左右

---------------------------------------------------------------------

iCute西華 - 終結大帝K02 (http://www.icute.com.tw/)

* 機殼尺寸：

* 風扇配置：

上方已裝19cm風扇一組，

前方已裝14cm風扇一組加強對HDD散熱，

4GA規格的側板可加裝12/14cm風扇二組

下方,後方可加裝12/14cm風扇各一組

* 前面板接口：

內建高速傳輸的eSATA接頭

* 重量：

* 售價：

* 特色

　　有硬碟防震架

　　採用九大安裝空間，搭配內附的2.5”及3.5”硬碟防震架，可掛上8cm風扇強化散熱功能

　　硬碟抽取盒內建在機殼上方，免工具就能輕鬆裝卸3.5”or 2.5”硬碟

官網目前無介紹

---------------------------------------------------------------------

Antec DF 系列機殼 (http://www.antec.com/Believe_it/product.php?Family=MzMw)

DF-30 (原價屋簡易開箱文 http://www.coolpc.com.tw/phpBB2/viewtopic.php?f=73&t=47392)

* 機殼尺寸：48.5 cm (H) x 19.8 cm (W) x 48.6 cm (D)

* 內部空間：

　　3.5" x6

　　2.5" SSD x1 底部

　　5.25" x3

　　頂端 2.5" hot-swap SATA x1

　　相容顯卡尺寸: 11.5” / 292 mm

* 風扇配置：

　　頂端 140mm TwoCool 風扇一個

　　後方 120mm TwoCool 藍色LED風扇一個

　　前方 120mm 附風速控制鈕的藍色LED風扇兩個

* 前面板接口：USB 2.0 x 2 ; AC’97 & HD　

* 11 個驅動槽

* 重量:6.9 kg

* 特色

兩個Fleet-Release™前置快置槽

兩個可拆卸水洗的空氣濾網

頂端2.5" 熱插拔SATA (SSD) 驅動槽

下置電源下方無開孔

售價：約 4000 元左右

---------------------------------------------------------------------

Zalman Z7 (http://www.zalman.com/)

簡易介紹 http://bbs.ocqq.com/thread-34865-1-1.html

* 機殼尺寸：224(W) x 472(H) x 496(D)mm

* 內部空間：

　　External 5.25” 4

　　Internal 3.5" 5

　　External 3.5" 1

* 風扇配置：

　　前 120㎜ LED Fan × 1 (standard) (120㎜ / 140㎜ option)

　　後 120㎜ Fan × 1(standard)

　　側 120㎜ Fan × 1(standard), Fan Control Function, 80/92/120/140㎜ Fan×1(optional)

* 前面板接口：ESATAx1, USB 2.0 x2, AUDIO IN/OUT

* 重量：7.7kg

* 特色

上置電源

硬碟架附有橡膠制震墊

官網目前無介紹

售價：約 3000 元左右

---------------------------------------------------------------------

---------------------------------------------------------------------

2009年6月3日星期三

CSS 解說

http://www.evotech.net/

簡中翻譯
http://www.qianduan.net/

2009年5月30日星期六

Flex 網路資源教學

製作中文訊息
http://blog.csdn.net/langel/archive/2009/02/09/3870994.aspx

http://www.riahome.cn/?cat=139

2009年5月25日星期一

Flex 入門 (一)

■ Flex Builder 開發環境介紹
◆ 開發環境介紹
1. Flex元件有 2 種開發使用方式
　在設計檢視模式下視覺化拖拉元件
　在程式碼視圖下使用 MXML 標籤進行描述開發

2. 工作空間(workspace) & 專案(project)
　Flex Builder 可以建立多個工作空間，但一次只能使用一個。
　一個工作空間可以允許有多個專案，這些專案可以共用一個工作空間的基本配置。
　選擇功能表的「File＞Switch Workspace＞Other...」選項，設定好 workspace 後，Flex 會自動重新啟動。
3. 快速鍵
　程式碼自動完成功能(Code Completion)
　按下「Ctrl+spacebar」組合鍵

◆ Flex組件(components)介紹

在視覺化元件方面，包含下列5個類型：
► Custom：自行開發的元件。

► Control：控制組件。除了常見的Button、CheckBox、ComboBox、Radio、TextInput，還有下列的元件：
　－ AdvancedDataGrid
　－ ColorPicker：選取顏色。
　－ DataGrid：顯示多筆資料，具有編輯資料的功能，欄位的型態可以是各種輸入欄位如：Text Input、CheckBox、ComboBox、Radio…。
　－ DateField：日曆。
　－ HorizontalList：顯示水平清單，清單的內容可以是文字或是圖檔。
　－ HSlider、VSlider：使用拖拉的數字欄位。
　－ LinkButton：超連結按鈕。
　－ NumericStepper：使用上下箭頭微調的數字欄位。
　－ PopupMenuButton：結合Button和Popup Menu的一種元件。
　－ ProcessBar：進度百分比。
　－ RichTextEditor：文字編輯器，可以設定裡面任何文字的各種屬性，像是大小、顏色、超連結、對齊…
　－ TileList：像磁磚一樣排列的清單，清單的內容可以是文字或是圖檔。
　－ Tree：樹狀元件。
　－ VideoDisplay：播放影像檔。

► Layout：版面配置組件。
　佈局劃分組件：劃分整體的頁面配置
　－ Canvas：可用來設定元件在頁面上的相對位置
　－ Panel：可用來劃分元件的功能區域
　－ HDividedBox、VDividedBox：將畫面做水平或垂直切割，並且允許使用者在操作時調整大小。
　表單元件
　－ Form：表單容器元件
　　　將某些元件加入 Form 容器內時，會自動生成一個FormItem隱形元件(作為原元件的父元件??)。
　　　例如將 Button、Label、TextInput 等某些元件拖拉到 Form 容器內時，會在該元件左側自動加入
　　　一個 label，這個 label 不是以元件的形式出現，而是以 FormItem 的 label 屬性形式出現。
　－ FormHeading：顯示 Form 的標題
　視窗元件：以對話方塊形式顯示內容或外部資源
　－ ModuleLoader：載入外部模組
　－ TitleWindow：用於對話方塊形式的互動。繼承Panel，多了一個showCloseButton屬性
　線條元件：以線條形式對元件進行內容上的劃分
　－ HRule、VRule：產生水平或垂直分割線

　－ ApplicationControlBar：放在Application Container的一種控制項，在這個控制項裡面可以放置其他元件，像是Button、MenuBar…。
　－ ControlBar：用在Panel或是TitleWindow的一種元件，在這個元件上面可以放置一些像按鈕的控制項，方便與Panel或TitleWindow的內容部分區隔。
　－ Grid：類似Html table元件。
　－ HBox、VBox：將子元件以某個間隔做水平或垂直排列。
　－ Spacer：在元件之間產生間隔。
　－ Tile：將元件以磁磚的方式排列。

► Navigator：導航組件。有些Navigator組件可以包含其它Container，像是Accordion、TabNavigator、ViewStack。
　－ Accordion：手風琴。
　－ ButtonBar：包含多個Button。
　－ LinkBar：包含多個超連結。
　－ MenuBar：功能表。
　－ TabBar：包含多個tabpage，搭配ViewStack可以做出TabNavigator的效果。
　－ TabNavigator：包含多個tabpage，每個tabpage是一個Container，其內容可以任何元件，或是載入另一個Application。
　－ ToggleButtonBar：類似ButtonBar，但是會註記使用者按了那一個Button。
　－ ViewStack：用來控制其所包含的Container的狀態為visible、active或其他。

► Chart：圖表組件。

◆ 建立第一個 Flex
1. 選擇功能表的「File＞New＞Flex Project」選項

2. 輸入「Project name(專案名稱):HelloFlex」，選擇「Application type(程式類型):Web application(runs in Flash Player)」，再選擇「Server technology(伺服端要使用的技術):None」，然後按下「Next」鈕

3. 輸入「Output folder(輸出資料夾): bin-debug」，按下「Finish」鈕，完成專案建立初步步驟

4. 完成專案建立後的畫面如下，按一下編輯區域上方的「Design」圖示切換到設計檢視模式

[.mxml檔案內容]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
</mx:Application>

5. 設計檢視模式

6. 拖動 "Components視窗" 內的 Control 目錄下的 "Button" 和 "TextInput" 元件到設計撿視模式的編輯區域內
　設定 Button 元件的 ID : hello_btn，Label : Hello
　設定 TextInput 元件的 ID : hello_txt

7. 切換到程式碼編輯視圖，輸入如下程式碼後執行程式

[程式碼]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Button y="233" label="Hello" id="hello_btn" horizontalCenter="0"
click="SayHelloHello()"/>
<mx:TextInput y="169" id="hello_txt" horizontalCenter="0"/>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
function SayHello():void {
Alert.show("Hello:"+hello_txt.text, "My First Flex!");
}
]]>
</mx:Script>
</mx:Application>

一周學會 Flex
http://www.adobe.com/devnet/flex/videotraining/
中文 http://www.riavideo.net/ODT/list.html

2009年5月4日星期一

Ext JS

http://www.sporcic.org/tag/extjs/

JQuery VS ExtJS

2009年5月1日星期五

DIY自製環保捕蚊器

一個在網路流傳的小秘方，激發了小學生實驗靈感，經過不斷嘗試，成為真正的環保良方！台北市永安國小師生從網路偏方得到靈感，利用資源回收(網站)的寶特瓶，以及不到2.5 元的成本，製造出「環保捕蚊罐」，放在地下室，一罐最多
可抓到超過1427隻蚊子，連環保專家都驚歎不已。
「環保捕蚊罐」的環保之處，不只在利用資源回收的廢寶特瓶，更因這種捕蚊法不需使用化學的殺蚊劑無毒又安全。學生估計，只要有五分之一的人改用這種環保捕蚊法，每年全球就可省下10億元新台幣的購買殺蟲劑費用。
其實很多人都曾收到過這則網路偏方的電子郵件，指出只要在室內放一小盆水，再加點洗衣粉，蚊子就會全部溺死在盆中。永安國小學生郭家安的媽媽也看到了這則郵件，並付諸實施，雖然效果不佳，但卻激發郭家安動手研究，並在老師徐佳璋指導下，找出真正有效的捕蚊良方。
徐佳璋表示，剛看到這則網路偏方時，就懷疑是什麼東西誘使蚊子前來？是洗衣粉的成分還是香味？結果按網路傳聞操作，三天只抓到11隻蚊子，把洗衣粉濃度調高後，三天只抓到一隻蚊子，效果並不好。
因此，師生動手實驗，希望找出更有效的誘蚊法。蚊子會被吸引嗎？試試看暖暖包。蚊子會對不同顏色有反應嗎？試著用不同顏色寶特瓶來誘蚊。捕蚊罐放置的高度是否有差異？把捕蚊罐吊高到蚊子飛行高度試試看。學生還試過用蜂蜜、蘆薈、黏鼠板膠來誘蚊或黏蚊。最後發現，蚊子會受到二氧化碳及黑色吸引，即利用發酵糖水會釋出二氧化碳的原理來製造捕蚊罐。
徐佳璋表示，「環保捕蚊罐」研發成功後，曾創下單罐一周內在地下室停車場捕獲1427隻蚊子的紀錄；另一次測試放置九罐捕蚊罐，更共抓到超過五千隻蚊子。徐家安回憶整個實驗過程，最「苦」的就是撈出一坨坨的蚊子屍體，計算到底有幾隻。
而這項成果不但讓永安國小這群師生獲得全國科展特優，並在環保署舉辦的2005年全國環保創意競賽中得到佳作殊榮。有人質疑蚊子會不會再度飛出？糖水罐反而成了「養蚊罐」？徐佳璋指出，只要上下半部的寶特瓶密合，蚊子絕對「只進不出」，還有一些小果蠅也會死在裡面。
但此捕蚊罐也有局限。徐佳璋表示，並非100%的蚊子都會被誘引，在人多的環境，即使放了捕蚊罐，仍免不了有人被叮咬；捕蚊罐使用效果最佳地點，是在停車場、地下室等蚊子較多的室內場所。尤其是近年來，即使有寒流、強烈冷氣團來襲的冬季，仍有地下家蚊（溫帶家蚊的一種）作怪，出沒地點多集中在地下室，最適合使用環保捕蚊罐來展開抗蚊大作戰。
「蚊子專家」台北市立教育大學環境教育研究所教授黃基森十分肯定「環保捕蚊罐」，認為它有學理根據，不少市售的捕蚊器就是利用散發二氧化碳來誘蚊，只是一般捕蚊器多半價格高昂，如能廢物利用，意義更佳；但要注意的是，不同酵母菌對不同品種的斑蚊、家蚊誘引效果可能還有差異。

2009年3月14日星期六

設計模式簡中整理

設計原則：
⊙"開-閉"原則(Open-Close Principle或者OCP)
一個軟件實體應該對擴展開發,對修改say NO!在設計一個模塊的時候,應當思考日後升級過程中,如何不修改源代碼的情況下改變這個模塊的行為

⊙里氏代換原則(Liskov Substitution Principle 或者 LSP)
任何基底類別可以出現的地方,子類別都可以出現,而基底類別與子類別的繼承關係就是抽象化的具體體現

⊙依賴倒轉原則(Dependeney Inversion Principle 或者 DIP)
要以來依賴於抽像不要依賴於實體

⊙介面隔離原則(Interface Segregation Principle 或者 ISP)
應該為客戶端提供盡可能少的單獨的接口,而不是提供大的總接口

⊙組合/聚合復用原則(Composition/Aggregation Principle 或者 CARP)
盡量要使用組合/聚合,而不是繼承關係達到復用的目的

⊙迪米特法則(Law of Demeter或者LoD)
一個軟件實體應當與盡可能少的其他實體發生互相作用

2009年1月17日星期六

Firefox extension

memory leak monitor
http://dbaron.org/mozilla/leak-monitor/

2008年5月10日星期六

Good Technique 2007

Hidden Secrets of the Amazon Shopping Cart

2008年4月13日星期日

Ajax lightbox Memo 1

Lightbox (Image Gallery) & Slideshow
Ajax-Based
■ Lightbox

[Note]
www.HuddleTogether.com
2.0版當 IE 關掉左側我的最愛時，最右側背景會缺一長條塊黑影

■ JonDesign's SmoothGallery

[Note]
smoothgallery.jondesign.net
Slideshow

■ Ajax Photo Gallery

[Note]
www.agilegallery.com
Require XML file output by Picasa (須上傳照片到Picasa網站)

■ Grey Box

[Note]
orangoo.com
display websites, images and other content

■ Litebox

[Note]
www.doknowevil.net

■ Multifaceted Lightbox

[Note]
www.gregphoto.net

■ Slightly ThickerBox

[Note]
www.jasons-toolbox.com
1.7版測試時，Opera 有 bug，無法顯示圖片。IE 會閃圖後才出現。

■ Slimbox

[Note]
www.digitalia.be
** ready to launch, no waiting for all images loaded
temporary hides flashs & videosno
use a 1pix transparent gif image & simple CSS (no CSS hacks)
not compatible with the old IE5.5

■ Suckerfish HoverLightbox Redux ( Suckerfish HoverLightbox )

[Note]
mondaybynoon.com

■ LightWindow

[Note]
stickmanlabs.com
可顯示Flash、影片檔、外部網頁

■ Lytebox

[Note]
www.dolem.com
Album & Slideshow

■ iBox

[Note]
www.ibegin.com
可看影片檔大圖會隨卷軸自行移動，因此大圖若超過瀏覽器外，則無法看見被切掉的部份。

■ Smoothbox

[Note]
gueschla.com
大圖會隨卷軸自行移動

■ YUI Based Lightbox

[Note]
thecodecentral.com

■ Imago

[Note]
codeboje.de
支援 xml 設定、Flickr&Smugmug

■ photoViewer

[Note]
nicora.net
based on YUI library Easily skinned, auto-centered, slide show, XML files, absolute&relative position

■ carousel

[Note]
billwscott.com
支援 Vertical Orientation、Slide Show、Module Scrolling、Module Tabset 效果沒有 lightbox 效果。
Demo 部分在出大圖後須按上一頁返回，此時 thumbnail 會跑回第一頁。

■ multibox 、Lightbox 、slideshow

[Note]
www.phatfusion.net
可開啟swf、movie、mp3等格式

■ FrogJS Javascript Gallery

[Note]
www.puidokas.com
a different way of showcasing galleries(best used when a page-by-page gallery is needed, as is the case with photo stories)

■ Galleria ( homesite、lightweight gallery )

[Note]
monc.se

■ AJAX Image Gallery powered by Slideflow (like Cover Flow)

[Note]
mediaeventservices.com

■ JaS gallery

[Note]
www.robertnyman.com

■ MooFlow

[Note]
www.outcut.de
支援 mouse wheel、reflections、UI skinable via CSS

■ Shadowbox

[Note]
mjijackson.com
支援 photo resize、thumb gallery、client-side image maps可開啟 flash、movies、web pages

■ mooCicle

[Note]
www.thedeveloperinside.com
類似 slideshow、無縮圖

■ jqGalViewIII (proof of concept)

[Note]
benjaminsterling.com

■ Live Thumbnail

[Note]
diverged.org
超級陽春(沒有說明文件、下載點，效果差強人意)

■ minishowcase

[Note]
minishowcase.frwrd.net
php/javascript online photo gallery, powered by AJAX自動製作縮圖

■ Pyxy-gallery

[Note]
fennecfoxen.org AJAX image gallery in PHP and JavaScript

■ zenphoto

[Note]
www.zenphoto.org
require PHP 4.10+ with GD support & MySQL 3.23+
Automatically generated thumbnails
Video support for Flash Video
沒有 lightbox 效果

■ (E)2 Photo Gallery

[Note]
www.e2interactive.com
XML Driven, 須 PHP 配合

■ photo folder

[Note]
livepipe.net
requires PHP 5+ & GD image library 縮圖有捲軸做移動

■ AJAX Slide Show

[Note]
www.google.com

■ Couloir Slideshow

[Note]
www.couloir.orgphoto
slideshow of Flash-like behavior

■ TripTracker

[Note]
slideshow.triptracker.net
JavaScript image viewer with an animated slideshow feature

■ jQuery Cycle Plugin

[Note]
www.malsup.com
slideshow plugin 多種轉景

■ FlickrShow - Simple Javascript Slideshows

[Note]
www.flickrshow.com

■ Slideshow

[Note]
www.electricprism.com

■ Ajax SlideShow

[Note]
slideshow.webtwo.ws
XML Based Configuration、Flickr.com compatible

■ slideViewer

[Note]
www.gcmingati.net
下方圖片張數索引自動生成，無法使用縮圖

■ noobSlide - mootools

[Note]
efectorelativo.net可用縮圖選擇、多種轉景效果

----------------------------------------
CSS-Based
■ A Photograph Gallery Tutorial
Demo1、Demo2、Demo3、Demo4、Demo5