破手札

你可能不知道的PhotoShop快鍵

noreply@blogger.com (破) — Thu, 27 Jan 2011 06:23:00 +0000

看到國外文章再來試用的結果，感覺有些真的很棒!

放大縮小畫面

Ctrl+Space+ML(mouse left)

HUD Color PickerHUD Color Picker
Alt + Shift +MR

選擇檢視區塊

按住H，再移動滑鼠選擇

縮放筆刷

Ctrl + Alt + MR

移動

快速移動圖層

字體大小

Ctrl+ < >

字體大小寫

Ctrl+Shit+K

字元間距

Alt+Left or Right

字元基準線間距(好用!!!)

Alt/Option + Shift + Up and Down Arrow Keys

改變透明度 or Fill

透明度 Numberic Keys

Fill Shift + Numeric Keys.

noreply@blogger.com (破) — Fri, 23 Apr 2010 20:13:00 +0000

a. 把資料庫 dump 出來

mysqldump -u xxx -p database > database.sql –default-character-set=latin1

這時候 dump 出來的 database.sql 是 latin1 的檔案格式，然而是 utf8 的文字資料，因此這時若用 vi 開檔看它 …

還是會發現中文字是鬼畫符 … 這時不要被眼前的假象所騙 … 以為自己做錯 .. 幾接著做下一步驟。

b. 把 dump 出來的 database.sql 下載回去 .. 用 emEditor（網路上可免費下載，是個支援 utf-8 的編輯器）把 database.sql 打開，

它可以正常識別 utf8 的文字 ..用取代的功能，把 latin1 都取代成 utf8 ，之後直接另存新檔 .. 這時把檔案類型設定儲存成 UTF-8。

c. 再把 database-utf8.sql 上傳到 server .. 這時我們用 vi 開啟它 .. 就可以看見是正常的中文字 .. 這就表示檔案沒問題囉。

d. 把檔案匯入資料庫

mysql database < database-utf8.sql -u xxx -p –default-character-set=utf8
如果資料量不是很大 … 那麼很快就可以完成這個步驟 .. 這時候若沒有錯誤訊息出現 .. 那麼恭喜你 ..

你已經完成了資料庫轉換的工作了。如果有錯誤訊息出現 .. 主要有兩個情形 ..

1. 文件檔內的中文字，用 vi 看是亂碼 ..文件檔的格式不是 utf-8。

2. 匯入的時候漏掉指定採用 utf8 的資料編碼匯入。

以上的作業是在資料庫系統都是處於 latin1 的環境底下，也就是沒有在 my.cnf 指定 default-character-set=utf8。

本站暫時不會更新

noreply@blogger.com (破) — Sat, 26 Dec 2009 21:23:00 +0000

由於事務煩忙，無力更新網站!
謝謝大家!

pureMVC生手回

noreply@blogger.com (破) — Sun, 16 Aug 2009 18:05:00 +0000

看到最近發熱的pureMVC，最近才勉強覺得可以了解一下。
先說明！以下的介紹，純個人的觀點想法，如有誤導的情況的話，歡迎高手指正。

在說明pureMVC之前，先說明他是一種設計模式，也就是讓程式設計師
開發程式時，有互相溝通的"遊戲規則"。
訂下了所謂的遊戲規則後，就比較不會有你寫你的，我做我的，最後你做啥我看不懂，
你寫啥，我接不下來的問題。
要讀別人的程式碼，是很多人的痛吧..!

那pureMVC是就建立在MVC模式下的改良型，說改良型也不太對，應該是適合某些合適的開發語言上的型式。
有高手指正過，MVC不算是個設計模式，它是設計模式的"組合"。

先不論這些規則，就單純用pureMVC的想法來說，小弟只想單純的在開發語言時，
可以讓某些人先做"一部份"的程式，比如在接資料端由一個程式來實作，而呈現視覺資料又由另一個程式人員來開發，而不用將工作都"積"在一個工作人員身上。

這也就是為什麼流程化程式在初期開發時雖然很順手，因為相對有時候小型的專案，流程化的程式反而code少，開發速度也快。但遠程來看，這種流程化程式，幾乎都只能一次應用，很難擴展。也很不適合在大型專案上，而不用提多人合作開發的可能了。

所以設計模式的原則中，有一個概念就是OCP(The Open-Close Principle)原則，簡的說就是對於程式的擴充是開放的，對更改是封閉的。簡單的程式也許用簡單的流程就做的到，但當客戶祭出一字"改"時，那還不如我們早早就準備了它的彈性存在。

不可免俗的，要來放這張圖:

PureMVC 結構說明

望詞生意，當然就是在MVC的模式下來運做整個程式的。
M=Model就是處理資料的部份
V=View負責呈現視覺的部份
C=Controller控制、邏輯運作

架構在這三者的基礎下，再由其它Proxy(Model相關) 、Mediator(View相關)、Command(Controller相關) 來工作。

在最開始的時候，我們必需建立一個獨體模式的類-Facade，由Facade來控制核心的溝通唯一接口。也就是由Facade來串起Proxy ，Mediator， Command的溝通。
ApplicationFacade.as:


package com.me.myapp 
{ 
import org.puremvc.as3.interfaces.*; 
 import org.puremvc.as3..patterns.facade.*; 
 
import com.me.myapp.view.*; 
import com.me.myapp.model.*; 
import com.me.myapp.controller.*; 
 

public class ApplicationFacade extends Façade implements IFacade 
{ 
public static const STARTUP:String               = "startup"; 
      
public static const LOGIN:String                   = "login"; 
      
public static function getInstance() : ApplicationFacade  
{ 
                 
if ( instance == null ) instance = new ApplicationFacade( ); 
                 
return instance as ApplicationFacade; 
                } 
   
override protected function initializeController( ) : void  
                { 
                 
super.initializeController();                           
 registerCommand( STARTUP,  StartupCommand ); 
registerCommand( LOGIN,  LoginCommand ); 
registerCommand( LoginProxy.LOGIN_SUCCESS,  
GetPrefsCommand ); 
                } 
public function startup( app:MyApp ) : void  
                {           
sendNotification( STARTUP, app ); 
                } 
        } 
}

當科技不在遙遠

noreply@blogger.com (破) — Tue, 11 Aug 2009 08:58:00 +0000

感覺以前電影中的科幻情節都開始慢慢在生活中實現，
顯像科技的進步、基因改造的變化、網路資訊的進展，一切好像都不可思議的在生活中實現，
而且速度來臨的如此之快。

科技的進步是否也帶來了社會一些無法應變的問題，更多事物也在考驗著人性的本能。
就像微軟預估的未來世界一樣(http://www.youtube.com/watch?v=0USn7eufXps),
很多生活是否就此改變，但社會的法律、教育、哲學又是否可以跟上腳步呢?

當世界如此的進化、人們又該扮演什麼腳色?地球又容許我們的進步是跟祂的退步成正比的前進嗎?
而進化中的世界中，我們還能幻想的世界是否開始變的有點虛幻跟哲學了起來嗎?

我們不再需要養殖、畜牧，因為基因可以將我們所需的食物無中生有。
我們不再需要交通工具，因為大眾的傳輸比自有更方便。
我們不再需要冷氣，暖氣，因為最新的服飾可以幫你調節溫度。
我們不再需要搶著爭地，因為也許住屋只是虛擬的碳水化合物，四處可成。
我們不再需要照顧或運動我們的身體，因為最新的基因工程，可以讓我們的器官不斷替換。
甚至，我們不再需要記憶或學習什麼，因為腦袋可以像電腦硬碟一樣，去記住、更新、或整個format掉重來。

不再需要之後，那我們還需要什麼?
人跟人的距離不在重要，人類擁有的情感只不過是一堆資料。
當然..本來就是記憶中的大腦，建立起彼此的情感聯繫。

那可替換的所有。還有什麼是我們不可替換的呢?

Flash Player 10.0.r22的bug

noreply@blogger.com (破) — Mon, 10 Aug 2009 19:51:00 +0000

剛才才發現的，
對一開始偵測的stage.stageHeight會少100
換成r34就沒問題了。

wiimote與pc或mac互動

noreply@blogger.com (破) — Sat, 01 Aug 2009 06:58:00 +0000

其原理大部份都是運用wiimote本身對IR的定位，做互動效果，用手指做像關鍵報告的方式，現在看來是運用從螢幕上發射出來的紅外線光，再由手指的反光貼紙做反應，讓wiimote感應．wiimote真是潛力無窮呀!!

Whiteboards Using the Wiimote

noreply@blogger.com (破) — Wed, 29 Jul 2009 20:55:00 +0000

用wii來做電子白板的功能，實在很有意思，看了很多人使用過後，自己也有趣的搞了一套。
目前用macpro執行!ok!
再找一套好用的電子白板軟體就好了!

Arduino初識!

noreply@blogger.com (破) — Wed, 08 Jul 2009 18:07:00 +0000

買了Arduino電路版，麵包版後.

試了一下Arduino跟flash的通訊，網上有很多不同的溝通方式。

最後找到了as3Glue，跟硬體的溝通，超乎我想像中的簡單。

flash透過socket的方式，得到紅外線感應器的數據，也就可以方便跟Flash做溝通了。

不過想做更進階的應用時，發現還是要一些電學常識。

K電子學中....我還有這個時間嗎?

今年的NBA,好看!

noreply@blogger.com (破) — Thu, 14 May 2009 17:08:00 +0000

等到準決賽了..不再是那些老面孔

都是新的球隊，感覺有趣刺激多了!

Flash教學影片part.1

noreply@blogger.com (破) — Mon, 11 May 2009 16:46:00 +0000

gotoandlearn.com

這站很有名，但我最近才發現...
有很多知名的技術入門教學!不可錯過!

呼呼!搞定svn

noreply@blogger.com (破) — Thu, 07 May 2009 18:42:00 +0000

這二天試架了svn來用，
一直以來寫code或做專案都沒很好的做資料管理
有了svn後，一切都那麼好了!(聽說git更好用，但我不管..我個人只求好架為主)

可以記錄、可以回復!再也不怕找不到自己的code了!!!(但還是要備份呀....)

好用的evernote

noreply@blogger.com (破) — Thu, 07 May 2009 18:39:00 +0000

這套好用的隨手筆記，已成了我不可或缺的工作流程
http://evernote.com/

mac跟pc都同時安裝後，發現mac有些功能pc沒有，pc有些功能mac又沒有......
不管如何，他的免費功能的部份就很夠我用了!!

好玩的facebook

noreply@blogger.com (破) — Thu, 09 Apr 2009 16:53:00 +0000

我也有facebook，玩了一下，蠻有意思的!
有玩的朋友可以加一下我，找阿破就找的到了!

十個最好的CSS hacks

noreply@blogger.com (破) — Mon, 06 Apr 2009 17:26:00 +0000

1. Vertical align div (垂直居中)

到這裡看看...

網友建議：這個地址做的並不專業。用postion定位並不合適，因為在全屏下看上去是垂直居中，但是如果把窗口拉小後問題就出現了！個人認為並不值得推廣。

2. Min-Height (最小高度)

程序代碼

selector {
min-height:500px;
height:auto; !important
height:500px;
}

3. PNG transparency (透明png)

到這裡看看...

4. Autoclear (自動清除)

程序代碼

.container:after {
content: 「.」;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {display: inline-table;}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */

5. Reset CSS (CSS重設)

程序代碼

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
margin:0; padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:」;}

6. Scrolling Render IE (IE滾動條渲染)

程序代碼

html {
background : url(null) fixed no-repeat;
}

7. Opacity (透明度)

程序代碼

#transdiv {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

8. PRE Tag (標籤預格式)

程序代碼

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

9. Li Background Repeat IE (LI標籤背景重複)

程序代碼

10. Good to know (最好知道的)

程序代碼

@charset 「UTF-8〞;
/* ———————————————————————-
WinIE7
———————————————————————- */
*:first-child+html selector{property:value;}

/* ———————————————————————-
WinIE6 & Mac IE
———————————————————————- */
* html selector{property:value;}

/* ———————————————————————-
WinIE6
———————————————————————- */
/*\*/
* html selector{property:value;}
/**/

/* ———————————————————————-
MacIE
———————————————————————- */
/*\*//*/
selector{property:value;}
/**/

引用文章:http://www.wowbox.com.tw/blog/trackback.asp?tbID=3281&action=addtb&tbKey=4b023e2e11aa37ae188145c32fb220cf0b8f01ac

AS3 將選單連結寫在外部xml上

noreply@blogger.com (破) — Mon, 30 Mar 2009 16:34:00 +0000

as2時都套著用，最近比較有閒就改了一個as3的，有用的人就下吧。
原始檔

stage.width vs. stage.stageWidth in Actionscript 3這二個的差別

noreply@blogger.com (破) — Fri, 20 Mar 2009 09:32:00 +0000

今天在Ajar看到的文章。
現在才看到詳細的說明，
基本上，stage.width是指此物件在stage的寬
且不包含不顯示的物件(如果用displayobject.width的話，像mask的寬都會加進去)。

而stage.stageWidth是指場景的寬。

這樣就很好分別使用了!

Mask的奇異Bug

noreply@blogger.com (破) — Tue, 10 Mar 2009 20:11:00 +0000

在flash8的年代就碰過，想不到在CS4還是又碰到
當用mask方法時，在增加物件到顯示列表在上面時，
就會出現顯示錯亂的問題。

還在試解決方法。

讀Stage

noreply@blogger.com (破) — Thu, 05 Mar 2009 20:05:00 +0000

大師Ticore有更深入的說明，
就Stage難以捉摸的個性，大概目前都是用這種最簡單的判斷方式。

if(stage==null){
//偵測加入顯示列表後，方執行stage的偵聽
this.addEventListener(Event.ADDED_TO_STAGE, funA);

} else {

stage.addEventListener(MouseEvent.CLICK,funB);

}

stage只有一個，無論你讀了多少次的loader他們全部都只有一個stage。
在未加入顯示列表前，是抓不到stage這個屬性的。

Flash 10的移除功能Loader.unloadAndStop()

noreply@blogger.com (破) — Thu, 05 Mar 2009 19:14:00 +0000

這個方法好像是新的10才有支援，
之前用loader.unload()會有事件偵聽還佔記憶體，或其它難以移除的問題。
用Loader.unloadAndStop()似乎得到了新的解決之道。
呼叫unloadAndStop()會有以下的情況發生。

Sounds are stopped.
Stage event listeners are removed.
Event listeners for enterFrame, frameConstructed, exitFrame, activate and deactivate are removed.
Timers are stopped.
Camera and Microphone instances are detached
Movie clips are stopped.

今日鳥事一記

noreply@blogger.com (破) — Thu, 05 Mar 2009 19:07:00 +0000

今天下午，因為老媽生日，所以打電話要去訂烤鴨
電話接通後，我劈頭就說:

「小姐我是剛才有打電話過去的陳先生，我要訂一份烤鴨」
客服:「先生，我們不幫人送」
我:「我知道你們不幫人外送，我等下去拿」
客服說:「先生，我們是不幫人送」我說:「我知道，我知道，我等下自己去拿」
客服:「先生，我們是做保險的【富邦人壽】，你打錯電話了!」
我:「阿.........」

快速寫出較好CSS的5種方法

noreply@blogger.com (破) — Tue, 03 Mar 2009 21:54:00 +0000

原文在這裡http://www.wowbox.com.tw/blog/article.asp?id=3247

1、Reset

真的，要一直使用一個reset，無論是使用Eric Meyer Reset、YUI Reset、或者你自己的定制的reset，一定要使用。

這可以簡單到僅僅將所有元素中的margin和padding屬性去掉：

程序代碼

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

Eric Meyer和YUI的Resets樣式是很棒的，但對我來說，它們走的太遠了。我想要你清除所有東西，然後再重新定義元素的許多屬性。這就是Eric Meyer所推薦的。如果有更有效的方法是用它的話，你不應該只是拿來他的樣式文件，將它直接放到自己的項目中——提煉它，在它的基礎上重建，把它變成你自己的。

哦，請不要再這樣：

程序代碼

* { margin: 0; padding: 0; }

它被使用的地方太多了，如果把一個單選框的padding去掉，你覺得會發生什麼事情？表單元素有的時候會有些比較時髦的表現，所以最好還是讓它們保持原狀吧。

2、按字母排序

一個小測試，下面的兩個例子，你認為哪個能較快找到margin-right屬性的位置？

例1：

程序代碼

div#header h1 {
z-index: 101;
color: #000;
position: relative;
line-height: 24px;
margin-right: 48px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}

例2：

程序代碼

div#header h1 {
border-bottom: 1px solid #dedede;
color: #000;
font-size: 18px;
line-height: 24px;
margin-right: 48px;
position: relative;
z-index: 101;
}

不要告訴我例2沒有例1快！通過將這些樣式的屬性按照字母排序，你所創建的連貫性將幫你減少花費在尋找某個屬性的時間。

有的人以這種方法組織排序，其他人又用另外的方法來組織樣式的順序。但是在一些公司，我們一致下定決心按照字母來排序。當你和其他人共同開發代碼的時候，這種方法肯定對你有用。每次看到某個樣式表沒有按照字母排序，就很討厭，因為它們看起來比較凌亂無序……

3、有組織的

你應該組織你的樣式，這樣你就可以比較容易的找到想要的內容以及放在一起的相關條目。這可以使用註釋的方法。例如，這樣組織樣式表的：

程序代碼

/*****Reset*****/
Reset

/*****Basic Elements*****/
為基本元素定義樣式：body, h1-h6, ul, ol, a, p, etc.

/*****Generic Classes*****/
定義一些單獨的樣式，比如，浮動、去掉元素的底部邊距等。
是的，可能他們不夠語義化，但是，它們對有效的編碼是很有效的。

/*****Basic Layout*****/
定義基本模板: 頭部、底部、等，用來定義網站的基本結構

/*****Header*****/
定義頭部的所有元素

/*****Content*****/
定義內容區域的所有元素

/*****Footer*****/
底部樣式

/*****Etc*****/
繼續定義其它樣式通過使用註釋和對相似元素進行分組，可以更快的找到你需要的內容。

4、一致性

無論你現在以何種方式編碼，保持下去。十分討厭關於完全單行或者完全多行的爭議，這本身是沒有什麼可爭議的！每個人都有自己的看法，所以就用你認為對的並自始至終保持下去。

就個人而言，使用混合模式，如果一個樣式有超過3條屬性，就採用多行：

程序代碼

div#header { float: left; width: 100%; }
div#header div.column {
border-right: 1px solid #ccc;
float: right;
margin-right: 50px;
padding: 10px;
width: 300px;
}
div#header h1 { float: left; position: relative; width: 250px; }

使用這種方法是因為文本編輯器一行在換行前正好能容納大概3個屬性，如果沒有太多的屬性，顯然單行要比多行更易讀。

5、從正確的地方開始

在你寫好你的標籤之前不要動你的樣式文件

當準備開工的時候，在創建一個CSS文件之前，檢查並對整個文檔進行編碼(HTML)，從開始body標籤到結束整個body標籤。不添加任何多餘的div、id或class。會添加一些通用的div，比如頭部，內容，底部，因為我知道這些東西肯定會有。

通過先編碼整個文檔，你可以避免出現多DIV症或多類症，這些毛病有的時候可能是致命的！你只需要在你開始寫CSS和確定需要另外的東西來實現相關效果的時候再加入它們。

使用CSS的向後選擇器來定義子元素。不要直接自動的為元素添加類或id。請記住，如果一個文檔沒有良好的格式(結構)，CSS是毫無價值的。

*編輯注：不能足夠的強調這一點。就像Trevor 說的，在沒有100%完成HTML之前，不要動你的CSS文件。

結論

這只是一些寫出更好的代碼的一些技巧。當然這絕不是此文的結束，當發現了其它技巧時，就會繼續分享的。

譯自：這裡....
原文：這裡....

CSS絕對底部

noreply@blogger.com (破) — Sun, 01 Mar 2009 15:41:00 +0000

從友站看到的方式
原文連結位址在此http://www.cssstickyfooter.com/using-sticky-footer-code.html

CSS代碼：
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;} /* 必須使用和footer相同的高度 */
#footer {position: relative;
margin-top: -150px; /* footer高度的負值 */
height: 150px;
clear:both;}

比較妙的就是#main的padding值、footer的高度和負margin值的設定

這裡有我自己測試的結果，真的還不錯用的方式。

好用的Queasy Tools Flash extension

noreply@blogger.com (破) — Thu, 12 Feb 2009 20:29:00 +0000

Queasy Tools是一個非常好用的flash extension，
快速常用的motion、alpha設定、對齊等等快速方便的介面設定。

雖列表上說不支援CS4
但目前用CS4安裝也沒特別問題。
趕案的朋友..來裝一下吧!

Flash CS4有夠慢!

noreply@blogger.com (破) — Tue, 03 Feb 2009 18:07:00 +0000

使用到現在，Flash cs4真的讓我蠻討厭的。
光是開啟速度跟執行速度都非常的"慢"!

字體的輸入也是一個"慢"字。
也許它的介面設計是非常棒的!
但在工作最重要的效率上，Flash cs4真的是不及格。

當機率也高了點，向下的相容性目前看來也有小許問題。

就看Adobe什麼時候肯更正一下了....

破手札

你可能不知道的PhotoShop快鍵

HUD Color PickerHUD Color PickerAlt + Shift +MR

本站暫時不會更新

pureMVC生手回

當科技不在遙遠

Flash Player 10.0.r22的bug

wiimote與pc或mac互動

Whiteboards Using the Wiimote

Arduino初識!

今年的NBA,好看!

Flash教學影片part.1

呼呼!搞定svn

好用的evernote

好玩的facebook

十個最好的CSS hacks

AS3 將選單連結寫在外部xml上

stage.width vs. stage.stageWidth in Actionscript 3這二個的差別

Mask的奇異Bug

讀Stage

Flash 10的移除功能Loader.unloadAndStop()

今日鳥事一記

快速寫出較好CSS的5種方法

CSS絕對底部

好用的Queasy Tools Flash extension

Flash CS4有夠慢!

HUD Color PickerHUD Color Picker
Alt + Shift +MR