Serene, Everything

FB: 分享至臉書的預覽縮圖技巧(Tips to assign thumbnails you'd like to share in facebook)

2011-06-23T17:37:00.005+08:00

如果沒有<link rel="image_src" href="name.jpg" />，將網頁分享至臉書(Facebook)時，臉書會將網頁中所有圖片都變成它分享時的預覽縮圖，包括廣告圖…；反之，也可指定讓網友分享的預覽縮圖，就是多放幾個像 <link rel="image_src" href="name.jpg" /> 這樣的東西囉！

讓CSS正確顯示中文字體

2011-04-01T14:58:00.004+08:00

即使網頁已經是用UTF-8編碼，有時候還是會遇到亂碼的問題…例如在CSS中使用中文字體：微軟正黑體、新細明體…等，這問題真的很無奈！每次遇到都還是要想辦法把它變成unicode！雖然javascript可以讓中文字體變成UTF-8的功能：

<script type="text/javascript">
var uri="微軟正黑體";
document.write(encodeURIComponent(uri));
</script>

但CSS本身無法使用javascript…

這時候FireBug的指令列(Show Command Line > Command Line)就變成了我們的小幫手，可以幫我們達成中文字轉成unicode編碼的要求！只要在指令列使用「escape()」功能：

假設我們要CSS正確顯示「font-family:微軟正黑體;」，

在指令列用escape指令輸入「微軟正黑體」：

escape('微軟正黑體')

可以得到底下的回應：

%u5FAE%u8EDF%u6B63%u9ED1%u9AD4

再把所有的「%u」全取代成「/」(反斜線)就得到：

\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4

上面一串奇怪的數字加英文，就是我們要的unicode編碼！

將它取代原本的「微軟正黑體」：

font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;

瀏覽器就可以正確顯示CSS中的「微軟正黑體」了！

另外，在Chrome、IE以及Safari的「開發人員工具」中，都有「主控台(Console)」可以使用「escape('中文字')」的功能，我覺得還滿不錯用的！

AS2: 用Flash播放YouTube裡的影片[一定得用控制面版版]

2011-03-31T20:00:00.003+08:00

至於AS2控制YouTube影片的部份，Google也是有提供AS2 For YouTube Video的參考資料，但目前看來，似乎無法不使用Google提供的Video控制面版…

//指定YouTube Video ID序號, 例如：YHLWdb55iic
var myVideoID:String = "9evx8PZEMKU";

//自動播放：true, 不自動播放：false
var autoPlayVideo:Boolean = false;

//重覆播放：true, 不重覆播放：false
var loopVideoState:Boolean = false;

//聲音大小，最大100，最小：0 (無聲)
var myVolume:Number = 30;

//有聲：false, 無聲：true
var muteVideoState:Boolean = false;

//指定影片尺寸, 寬(videoWidth), 高(videoHeight)
var videoWidth:Number = 330;
var videoHeight:Number = 245;

//Below Functions Are Edited By Perr Tang
var autoPlayState:String;
if (autoPlayVideo == true) {
autoPlayState = "&autoplay=1";
} else {
autoPlayState = "";
}
var myVideoURL:String;
if (useControlPanelState == true) {
myVideoURL = "http://www.youtube.com/v/" + myVideoID + autoPlayState;
} else if (useControlPanelState == false) {
myVideoURL = "http://www.youtube.com/apiplayer?version=3&video_id=" + myVideoID+autoPlayState;
}
Security.allowDomain("www.youtube.com");

// create a MovieClip to load the player into
var ytplayer:MovieClip = _root.createEmptyMovieClip ("ytplayer", 1);

// create a listener object for the MovieClipLoader to use
var ytPlayerLoaderListener:Object = {onLoadInit:function () {
// When the player clip first loads, we start an interval to
// check for when the player is ready
loadInterval = setInterval (checkPlayerLoaded, 250);
}};
var loadInterval:Number;

function checkPlayerLoaded ():Void {
// once the player is ready, we can subscribe to events, or in the case of
// the chromeless player, we could load videos
if (ytplayer.isPlayerLoaded ()) {

ytplayer.setSize (videoWidth,videoHeight);//指定影片大小
trace ("width= " + videoWidth + " and height= " + videoHeight);
ytplayer.setVolume (myVolume);
if (muteVideoState == true) {
ytplayer.mute ();
}
ytplayer.addEventListener ("onStateChange",onPlayerStateChange);
ytplayer.addEventListener ("onError",onPlayerError);

clearInterval (loadInterval);
}
}

function onPlayerStateChange (newState:Number) {
trace ("New player state: " + newState);
if (newState == "0") {
if (loopVideoState == true) {
ytplayer.playVideo ();
} else {
ytplayer.stopVideo ();
}
}
}

function onPlayerError (errorCode:Number) {
trace ("An error occurred: " + errorCode);
}

// create a MovieClipLoader to handle the loading of the player
var ytPlayerLoader:MovieClipLoader = new MovieClipLoader ();
ytPlayerLoader.addListener (ytPlayerLoaderListener);

// load the player
ytPlayerLoader.loadClip (myVideoURL,ytplayer);
//ytPlayerLoader.loadClip("http://www.youtube.com/v/9evx8PZEMKU?version=3&loop=1&playlist=9evx8PZEMKU", ytplayer);

AS3: 用Flash播放YouTube裡的影片[加強版]

2011-03-31T19:51:00.003+08:00

後來發現，人的需求是愈來愈高，一下子要這個功能，一下子又要那個功能…所以我把目前遇到所有「想要」的功能，寫成了一個ActionScript 3.0的程式碼，現在應該都有了吧！~~

//指定YouTube Video ID序號, 例如：YHLWdb55iic
var myVideoID:String = "YHLWdb55iic";

//自動播放：true, 不自動播放：false
var autoPlayVideo:Boolean = true;

// 用控制面版：true, 不用控制面版：false
var useControlPanelState:Boolean = false;

//重覆播放：true, 不重覆播放：false
var loopVideoState:Boolean = true;

//聲音大小，最大100，最小：0 (無聲)
var myVolume:Number = 10;

//有聲：false, 無聲：true
var muteVideoState:Boolean = false;

//指定影片尺寸, 寬(videoWidth), 高(videoHeight)
var videoWidth:Number = 300;
var videoHeight:Number = 215;

//Below Functions Are Edited By Perr Tang
var autoPlayState:String;
if(autoPlayVideo == true){
autoPlayState = "&autoplay=1";
}else{
autoPlayState = "";
}
var myVideoURL:String;
if(useControlPanelState == true){
myVideoURL = "http://www.youtube.com/v/" + myVideoID+"?version=3"+autoPlayState;
}else if(useControlPanelState == false){
myVideoURL = "http://www.youtube.com/apiplayer?version=3&video_id=" + myVideoID+autoPlayState;
}
// The player SWF file on www.youtube.com needs to communicate with your host
// SWF file. Your code must call Security.allowDomain() to allow this
// communication.(設定允許跨網域連到youtube.com)
Security.allowDomain("www.youtube.com");

// This will hold the API player instance once it is initialized.
var player:Object;

var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.INIT, onLoaderInit);

//loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3&video_id=YHLWdb55iic&autoplay=1"));
loader.load(new URLRequest(myVideoURL));

function onLoaderInit(event:Event):void {
addChild(loader);
loader.content.addEventListener("onReady", onPlayerReady);
loader.content.addEventListener("onError", onPlayerError);
loader.content.addEventListener("onStateChange", onPlayerStateChange);
loader.content.addEventListener("onPlaybackQualityChange",
onVideoPlaybackQualityChange);
}

function onPlayerReady(event:Event):void {
// Event.data contains the event parameter, which is the Player API ID
trace("player ready:", Object(event).data);

// Once this event has been dispatched by the player, we can use
// cueVideoById, loadVideoById, cueVideoByUrl and loadVideoByUrl
// to load a particular YouTube video.
player=loader.content;
// Set appropriate player dimensions for your application
player.setSize(videoWidth, videoHeight);//指定影片大小
player.setVolume(myVolume);
if(muteVideoState == true){
player.mute();
}
}

function onPlayerError(event:Event):void {
// Event.data contains the event parameter, which is the error code
trace("player error:", Object(event).data);
}

function onPlayerStateChange(event:Event):void {
// Event.data contains the event parameter, which is the new player state
trace("player state:", Object(event).data);
if(Object(event).data == "0"){
if(loopVideoState == true){
player.playVideo();
}else{
player.stopVideo();
}
}
}

function onVideoPlaybackQualityChange(event:Event):void {
// Event.data contains the event parameter, which is the new video quality
trace("video quality:", Object(event).data);
}

AS3: 用Flash播放YouTube裡的影片

2011-02-26T01:21:00.008+08:00

今天遇到了一個用Flash播放youtube影片的問題，雖然有提供「可能」可以用的網站連結參考，但短時間還是試不出個所以然，所以回家後就google了一下，看看是否有別的方法…結果，還真的有方法！…

其實Google有針對自己的Player提出控制方法，請參考：YouTube ActionScript 3.0 Player API Reference ( http://code.google.com/intl/zh-TW/apis/youtube/flash_api_reference.html )

方法其實非常簡單！只是…不知道的人冤枉路就會走得很久遠…

首先，先找到你的youtube分享連結，例如孫燕姿的新歌：「世說心語」MV完整版，它的分享連結是：http://www.youtube.com/watch?v=pgdgaDdNgwo，「v=」後面就是它的影片ID(video id)，也就是「pgdgaDdNgwo」；這個ID很重要，因為我們它關係著我們要播的是哪支影片。

接下來把底下的ActionScript 3.0的語法貼到時間軸裡，並且將紅色的video id取代成你的youtube影片id就OK了：

// The player SWF file on www.youtube.com needs to communicate with your host
// SWF file. Your code must call Security.allowDomain() to allow this
// communication.(設定允許跨網域連到youtube.com)
Security.allowDomain("www.youtube.com");

// This will hold the API player instance once it is initialized.
var player:Object;

var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.INIT, onLoaderInit);
loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3&video_id=pgdgaDdNgwo")); //換成你的video_id

function onLoaderInit(event:Event):void {
addChild(loader);
loader.content.addEventListener("onReady", onPlayerReady);
loader.content.addEventListener("onError", onPlayerError);
loader.content.addEventListener("onStateChange", onPlayerStateChange);
loader.content.addEventListener("onPlaybackQualityChange",
onVideoPlaybackQualityChange);
}

function onPlayerReady(event:Event):void {
// Event.data contains the event parameter, which is the Player API ID
trace("player ready:", Object(event).data);

// Once this event has been dispatched by the player, we can use
// cueVideoById, loadVideoById, cueVideoByUrl and loadVideoByUrl
// to load a particular YouTube video.
player = loader.content;
// Set appropriate player dimensions for your application
player.setSize(640, 390);//指定影片大小
player.playVideo(); //讓影片立刻播放
}

function onPlayerError(event:Event):void {
// Event.data contains the event parameter, which is the error code
trace("player error:", Object(event).data);
}

function onPlayerStateChange(event:Event):void {
// Event.data contains the event parameter, which is the new player state
trace("player state:", Object(event).data);
}

function onVideoPlaybackQualityChange(event:Event):void {
// Event.data contains the event parameter, which is the new video quality
trace("video quality:", Object(event).data);
}

AS3: 找到最高圖層深度(getNextHighestDepth)

2010-08-30T00:55:00.004+08:00

在以前AS2的時候，有個語法可以找到指定物件的最高圖層深度：

this.getNextHighestDepth();

然而，當我們改用AS3的時候就發現…再也沒有這個功能了！
因為聽說Flash會自動幫我們排序！聽起來真的是很聰明！
但它還是沒有辦法把我們想要的東西放到最上面的圖層！
只要有東西擋在眼前，我們就會覺得很不舒服！
所以我們找到了可以用的方法！
假設我們希望topMovieClip可以在最上面的話：

//用「numChildren-1」找到母影片片段(parent)的最高深度
var highestDepth:uint=topMovieClip.parent.numChildren-1;
//用setChildIndex來設置最高深度
topMovieClip.parent.setChildIndex(topMovieClip,highestDepth);

AS3: Flash先暫停幾秒後再播放

2010-08-30T00:31:00.002+08:00

不止是AS2可以先暫停幾秒後再播放，AS3同樣也可以！怎麼做呢？
假設我們要暫停8秒鐘再繼續：

//先暫停在目前的時間軸上
stop();

//新增一個Timer(mcTimer)
//用Timer宣告我們要在8秒後做某件事情「一次」
var mcTimer:Timer = new Timer(8000,1);

//監聽這個Timer(mcTimer)時間到了要做什麼事
mcTimer.addEventListener(TimerEvent.TIMER, timerHandler);

//其實要做的事就只有一個：play();
function timerHandler(e:TimerEvent):void {
play();
}

//開始讀秒(1秒、2秒、…)
mcTimer.start();

免費資源：向量圖示

2010-05-19T21:45:00.002+08:00

Pictoico.com提供了Creative Commons的非商業使用版權的免費向量圖示！我覺得畫得非常棒！或許我們可以從中找到製作圖示的靈感！

CSS: 推薦20個CSS的密技！

2010-05-16T01:08:00.003+08:00

好一陣子沒寫部落格，最近好像常遇到幾個明明就是很久以前的東西，但直到現在卻都仍舊有效的事情！公司專案管理的模式是如此，沒想到CSS的密技也是一樣好用到現在…

底下這兩個推薦連結，雖然都是英文網站，但懂CSS語法的人應該看得懂它在寫什麼！文章建立的時間都是4、5年前(一個是2005年，另一個是2006年)，也許是久了一些，可是很多CSS的東西到現在也都一樣好用！所以，這真的是太神奇了(orz)！

．Ten CSS tricks you may not know(十個你可能不知道的CSS密技！)
‧Ten more CSS tricks you may not know(另外十個你可能不知道的CSS密技！)

裡面提到了很多我們在用CSS製作網頁時常用到的一些小技巧！有時候自己也會忘記或沒注意到，所以我覺得還滿實用的，也寫得非常棒！推薦大家趕快把密技學起來！省下鬼遮眼的時間，就是你多出來開心愉悅的時間！

Let's Buzz it ! 加個Buzz it的推文按鈕吧！

2010-02-28T01:33:00.002+08:00

Google Buzz這項和Gmail綁在一起的服務才發佈沒一個月的時間，Tech Crunch和Mashable就把Google Buzz的分享按鈕加上去了！速度之快…那麼，你也想自製Buzz圖示嗎？想做的話也太慢了點，Cheth Studios已經有提供免費下載囉！不過，你知道要怎麼讓這個「Buzz it」分享適當的主題呢？其實方法也算簡單，語法如下：

<a href="http://www.google.com/reader/link?url=部落格文章網址&title=部落格文章標題&srcTitle=部落格網站名稱&srcUrl=部落格網址"><img alt='' src='Buzz小圖示的網址'/></a>

所以趕快用Buzz推你的網站吧，Let's buzz it !!

SWFObject搭配Flash Scaler，另一個實現全螢幕Flash的小技巧！

2010-02-27T23:44:00.007+08:00

先前提到SWFFit這個補強全螢幕Flash不足的小工具，但Flash Scaler其實也是一個滿不錯用的工具！用法不難，同樣要先載入Flash Scaler的javascript(flashscaler.js)：

<script type="text/javascript" src="js/flashscaler.js"></script>

然後確定我們要用另一個DIV(ID名稱設為「flashcontent」)將SWFObject要指定的flash DIV給包起來，將底下這段程式碼放進body裡面：

<script type="text/javascript">
scale = new FlashScaler("flashcontent",1000,650);
</script>

它的寫法規則是：FlashScaler("DIV名稱",最小寬度,最小高度);。
並且為DIV新增一個CSS樣式：

#flashcontent {
overflow: hidden;
}

Flash Scaler有幾個特別要注意的地方：

1. 指定的DIV必須要包住SWFObject指定的Flash DIV；
2. 指定的DIV必須是要新增「overflow:hidden;」屬性。

參考的完整程式碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Scalable Flash with scrollbars (SWFObject dynamic publishing example)</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="StyleSheet" href="css/main.css" type="text/css" media="screen,print" />
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/flashscaler.js"></script>
<script type="text/javascript">
var flashvars = {};

var params = { };
params.scale = "noScale";
params.wmode = "transparent";

var attributes = {};

swfobject.embedSWF("fullscreen.swf", "myFlash", "100%", "100%", "8", false, flashvars, params, attributes);
</script>
<style type="text/css">

</style>
</head>
<body>
<div id="flashcontent">
<script type="text/javascript">
scale = new FlashScaler("flashcontent",1000,650);
</script>
<div id="myFlash">
<h2>SORRY!</h2>
<p>We have detected that you do not have the Flash Player plugin required to view this website.</p>
<p>Download the latest <a href="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">Flash Player</a>
for free! It takes just a few minutes to download and install.</p>
</div>
</div>
</body>
</html>

用SWFObject搭配SWFFit，讓全螢幕Flash也可以很聰明

2010-02-27T01:25:00.025+08:00

SWFObject確實讓Flash置入網頁的程式碼減少很多，而且在全螢幕Flash的時候不會產生討厭的視窗捲軸！可是，相反的，它在這個時候就缺少了一個看似不起眼、但卻也仍有其必要性的功能：視窗捲軸！

說來還真矛盾，我們不就希望不要有視窗捲軸嗎？考慮底下的情形：
假設我們的「全螢幕Flash(Fullscreen Flash)」的最佳顯示區域是寬1000px、高650px，它在螢幕解析度為800x600像素的電腦觀看時(或者你的瀏覽器畫面小於1000x650像素時)，因為SWFObject的關係，你的瀏覽器不會出現垂直或水平的視窗捲軸！換言之，你很可能沒辦法看見周圍被切掉的地方！

好在SWFFit提供了一個相當友善的解決方式！讓瀏覽器會自動出現垂直或水平捲軸的功能(讓你看見看不見的地方！)！不過它必須配合SWFObject才能實現這個功能。

SWFFit說明如下：

首先載入SWFFit這支js(放在載入SWFObject的js底下)：

<script type="text/javascript" src="js/swffit.js"></script>

接著在設定適當的參數，讓SWFFit知道它該怎麼做(也可以直接加到SWFObject的參數設定後面)：

<script type="text/javascript">
swffit.fit('myFlash',1000,650,2000,1300, true, true);
</script>

SWFFit的編寫同樣的規則可循：swffit.fit('Flash的id名稱',Flash顯示的最小寬度,最小高度,最大寬度,最大高度, 是否水平置中, 是否垂直置中);。

參考的完整程式碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Fullscreen Flash via SWFObject and SWFFit</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/swffit.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.menu="false";
params.allowscriptaccess="samedomain";
params.bgcolor="#351100";
params.scale= "noScale";
params.wmode="transparent";
var attributes = {};
attributes.id= "myFlash";
attributes.name= "myFlash";
attributes.align= "center";
swfobject.embedSWF('swf/myFlash.swf', 'myFlash', '100%', '100%', '9', 'swf/expressInstall.swf', flashvars, params, attributes);
swffit.fit('myFlash',1000,650,2000,1300, true, true);
</script>
<style type="text/css">

</style>
</head>
<body>
<div align="center" id="myFlash">
<p>請安裝最新版的Flash Player</p>
<p>
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</p>
</div>
</body>
</html>

不過在我測試的時候，發現SWFFit 2.3.3在Mac(Leopard 10.5.8)的FireFox(version 3.6)下可能會出現一個奇特的情形(bug?!)：在全螢幕Flash的畫面中做任何的互動動作(例如隨便在畫面中點一下)，垂直和水平的視窗捲軸竟然同時出現了(而且還是撐到最大的那種@@)！但在PC上面卻沒有這個問題！可惜目前我還找不到解決的方法(知道的人麻煩提供一下吧！大感謝！)…但SWFFit 2.4 beta似乎沒這個問題！

有其它替代可行的方案嗎？目前我看到的有Flash Scaler以及SWF-Force-Size，有機會再來介紹。

SWFObject 2.2: SWFObject讓Flash變聰明了！

2010-02-12T17:58:00.032+08:00

當我們用Dreamweaver或Flash發佈網頁時，我們聰明的Adobe軟體會自動在網頁中增加許多「讓人眼花」的程式碼，也許我們不確定這些程式碼能做什麼，反正它就是要用來插入Flash元件的程式碼就是了…，但是…如果要修改的話，有時候還真讓人覺得麻煩！而且一大堆黑麻麻的程式碼也讓人看了很不開心！

好在SWFObject(目前的版本是2.2)提供了「更智慧」的方法，可以用短短的程式碼就OK OK了！不但如此，它還提供了「替代圖片、替代文字」的功能以避免不支援Flash的情況發生(例如用iPhone上網時…)！

先說一下它的原理：載入swfobject.js後，用javascript指定DIV的ID名稱(SWFObject會將這個DIV給取代掉，因此可以在這個DIV中設定替代的方案，例如替代圖片或文字)、大小、以及其它「如果有需要再加上」的額外參數設定，例如具有透明背景的Flash等。

參考作法如下：

首先，我們準備相關素材：要置入的Flash檔案(swf/myFlash.swf/寬1000px、高650px)以及替代圖(images/myFlash.jpg/寬1000px、高650px)，並且下載swfobject.js(js/swfobject.js)；給等一下要置入Flash的DIV一個獨一無二的ID名稱(通常取和Flash一樣的檔名就好了，所以就是「myFlash」)。

然後就是加上網頁程式碼的部份了。找到要置放Flash的DIV：

<div id="myFlash">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="images/myFlash.jpg" width="1000" height="650" alt="myFlash Content" title="myFlash Title"></a>
</div>

此時，這個「myFlash」DIV裡面的東西最大的功能只有一個：一旦Flash無法載入或載入失敗時，網頁依然會顯示出正確的畫面，也就是替代圖發揮功用的時候了！當然我們也可以進一步把這個DIV做成具有連結功能的圖片，即使沒有Flash，我們還是可以正常的瀏覽網站其它的內容。

在</head>上面加入底下的程式碼，先讓網頁載入swfobject.js，這樣swfobject才會有作用：

<script type="text/javascript" src="js/swfobject.js"></script>

設定適當的參數，讓SWFObject知道它該怎麼做：

<script type="text/javascript">
  var flashvars = {};
  var params = {};
    params.menu="false";
    params.wmode="transparent";
    params.bgcolor="#CCCCCC";
    params.allowfullscreen="true";
  var attributes = {};
    attributes.id="myFlash";
    attributes.name="myFlash";
  swfobject.embedSWF("swf/myFlash.swf", "myFlash", "1000", "650", "10.0.2", "false", flashvars, params, attributes);
</script>

SWFObject的編寫有一定的規則可依循：swfobject.embedSWF(*Flash路徑, *Flash要取代的id名稱, *Flash的寬, *Flash的高, *Flash發佈的版本, expressInstallSWFurl, flashvars, params, attributes, callbackFn);。其中，前面有打星號(*)的部份是必填的地方，其它可有可無。expressInstallSWFurl是要我們提供一個簡易安裝Flash Player的Flash檔案路徑，它會讓使用者連到Adobe官方網站下載最新的Flash Player，所以可以寫成「swf/expressInstall.swf」，或者直接寫成「false」，乾脆不提供…。

按上面的例子，swf/myFlash.swf就是Flash檔案的路徑，myFlash就是要放Flash的DIV的ID名稱，1000是Flash的寬度，650是Flash的高度(預設單位是像素px，想要全螢幕Flash的話，就把寬和高都設成100%)，10.0.2這個看起來怪怪的數字其實是Flash所發佈的版本；params.wmode="transparent"與params.bgcolor="#CCCCCC"等參數設定增加了透明背景Flash、背景色為「#CCCCCC」等等的功能(如果不要透明背景Flash的話，把"transparent"改成"opaque"即可)。

其他參考資料：
1. Embedding Adobe Flash Player content using SWFObject 2
2. New test pages for SWFObject 2.2

直接分享網頁內容到Facebook/Plurk/Twitter

2010-02-11T23:29:00.012+08:00

現在有很多網站可以直接將網頁的摘要與網址分享到Facebook或Plurk、Twitter等微網誌上，雖然乍看之下是很方便的事情，但這樣的分享常常不見得會讓網友「買單」、真的去分享到他的微網誌上。然而，有的客戶還是會希望能提供這樣的「貼心功能」；於是，我們還是得「乖乖聽話」，畢竟付錢的是老大，還是加上了這個功能。

我們可以運用「呼叫外部javascript」的方法，將javascript程式碼寫到一個外部檔案中，例如一個名字是「shareWithFriends.js」的javascript，它全部的內容可能只寫成這樣子：

未來，我們只要把這個javascript存在網站的某個特定位置，就可以讓它一直被重覆使用，非常方便！畢竟這支javascript都在做同樣的事情：「把你看的網頁網址存成一個字串，然後再送給Facebook/Plurk/Twitter讓它們為你發佈新的微網誌。」換言之，我們會在特定的按鈕上呼叫javascript功能來自動抓取目前網頁的標題等內容，並發佈成一篇新的微網誌文章。

我們若要呼叫上面的javascript，得先在目前的網頁的<head>底下加入的網頁程式碼：

<script type="text/javascript" src="shareWithFriends.js"></script>

假如我們是使用Flash來呼叫的話，在Actionscript 3.0的前提下，可以用ExternalInterface.call的方法來達成；假設有三個對應於Facebook、Plurk、Twitter的Flash按鈕，應該要在時間軸上加入以下的Actionscript 3.0程式碼：

import flash.external.ExternalInterface;

//Facebook Button Setup
Facebook_btn.addEventListener(MouseEvent.CLICK, clickFacebook);
function clickFacebook(e:MouseEvent):void {
　ExternalInterface.call("Facebook");
}
//Plurk Button Setup
Plurk_btn.addEventListener(MouseEvent.CLICK, clickPlurk);
function clickPlurk(e:MouseEvent):void {
　ExternalInterface.call("Plurk");
}
//Twitter Button Setup
Twitter_btn.addEventListener(MouseEvent.CLICK, clickTwitter);
function clickTwitter(e:MouseEvent):void {
　ExternalInterface.call("Twitter");
}

要用Actionscript 2.0的getURL功能也沒問題，程式碼如下：

//Facebook
Facebook_btn.onRelease = function () {
　getURL("javascript:Facebook(); void(0);");
}
//Plurk
Plurk_btn.onRelease = function () {
　getURL("javascript:Plurk(); void(0);");
}
//Twitter
Twitter_btn.onRelease = function () {
　getURL("javascript:Twitter(); void(0);");
}

除此之外，Plurk和Twitter會在分享的時候，會自動將網頁的標題文字當成分享的連結字，例如：
<title>Perr的分享</title>，網頁的標題就是「Perr的分享」，而「Perr的分享」就會變在Plurk與Twitter自動的貼上的文章標題。

其中，Facebook和Plurk、Twitter有些不一樣的地方！因為Facebook原本就有提供公開分享的功能，只要按照它的格式即可：

http://www.facebook.com/sharer.php?u=要分享的網址&t=內容標題

但有趣的是，這方法似乎有些問題！因為Facebook沒有按照我給它的「內容標題」去貼出訊息，而是用連結到的「網頁標題(title)」來當作它的「文章標題」！

怎麼辦呢？

只要增加幾個meta資料在<head>之後就可以了，例如：

<meta name="title" content="Perr的分享" />
<meta name="description" content="直接分享網頁內容到Facebook/Plurk/Twitter" />

如此一來，Facebook會將「Perr的分享」當成新的文章標題，同時也把description的內容，也就是「直接分享網頁內容到Facebook/Plurk/Twitter」，當成新的文章內容了！

如果要提供網友的一些網站相關圖片的話，也可以在剛才上面的那段網頁程式碼後面再加上底下這段程式碼：

<link rel="image_src" href="網頁的相關縮圖網址" />

當然，縮圖並不限定只能放一個，所以我們也可以同時放置好幾個縮圖，讓網友可以「先睹為快」！

Lightroom 3 BETA

2009-11-01T00:26:00.003+08:00

Photoshop Lightroom 3已經在Adobe Labs推出beta試用版，有興趣的人可以下載來玩玩。我個人試用後的感覺，似乎沒有和前一版的Lightroom 2有太大的差別，或者說是大幅度的提昇；唯獨照片在經過「預載」後，速度已經是變得非常快了！不像之前，不管有沒有看過照片的大圖或縮圖，都得再等2秒鐘顯示精確的照片！然而，現在的我似乎也不知道自己是否應該對它有所期待什麼…畢竟Photoshop Lightroom 2就滿好用的了。

Mac: 滑鼠控制軟體 - MouseZoom X 2.2

2009-10-18T00:12:00.002+08:00

MouseZoom X 2.2是一款Mac的免費滑鼠控制軟體，可以改善mac對滑鼠移動速度的缺點！因為它可以精確的控制滑鼠移動的速度，真的比原來蘋果上的設計有用多了！

下載後，會有Intel Macs以及PowerPC Macs的分別，現在大概都是Intel Mac的時代了，所以直接雙擊Intel Macs資料夾的MouseZoom.prefPane以便在偏好設定的控制面板上安裝MouseZoom，接著就是調整你希望的滑鼠移動速度了！超方便的！

AS2/AS3：Flash讀取外部資料到動態文字欄位

2009-10-09T23:47:00.007+08:00

如果我們想在Flash中顯示目前觀看頁次(Page View)的數字訊息，可以透過伺服器將數字動態存取於某個檔案中，也許是純文字檔或ASP/PHP檔，再讓Flash去讀這個檔案來達到動態更新文字的效果！

在AS2中，我們將使用"LoadVars"的方法，讀取"counts.txt"這個外部純文字檔，並將其內容更新至實體名稱為"countNumbers"的動態欄位上；其中，"counts.txt"的文字內容很簡單，什麼都沒有就只有數字而已，內容如下：

23000000

接下來填入底下的Actionscript：

var lv:LoadVars = new LoadVars();
lv.onData = function(theText:Number) {
countNumbers.text = "累計人次："+theText+"人";
}
lv.load("counts.txt");

結果將會使實體名稱為"countNumbers"的這個動態欄位顯示出底下的文字：

累計人次：23000000人

Flash-Creations.com的Reading a Text File and Using it in Flash有更多完整的敘述。
至於AS3，則是採用"URLLoader"的作法：

var myTextLoader:URLLoader = new URLLoader();
myTextLoader.addEventListener(Event.COMPLETE, onLoaded);
function onLoaded(e:Event):void {
countNumbers.text = "累計人次："+e.target.data+"人";
}
myTextLoader.load(new URLRequest("counts.txt"));

Fireworks CS4無法開啟Illustrator檔案

2009-10-08T00:21:00.002+08:00

今天在用Adobe Fireworks CS4開啟Adobe Illustrator CS4製作的網頁檔案時，竟然出現：「An Internal Error Occurred(發生內部錯誤)」的訊息，一時之間，有些覺得百思不解，於是Google了一下…在Adobe Fireworks Forum(Fireworks論壇)一篇「FW CS3 - Internal Error」的回應中找到了答案：

其實Fireworks無法對Illustrator的外部連結檔案做有效的處理，因此造成開啟失敗！

所以我把Illustrator內所有的外部(linked file)檔案都內崁(Embed file)進來，果然問題就解決了！哈哈~

AS2: Flash先暫停幾秒後再播放

2009-10-07T18:15:00.002+08:00

有時候我們會希望Flash可以在時間軸的某個地方先暫停個幾秒後再播放, 要怎麼做呢?
先在第一個影格定義暫停(pause)功能:

function pause(){
play();
clearInterval(timer);
}

然後在你想暫停幾秒的影格處輸入底下的程式碼:

stop();
timer = setInterval(pause, 3000);
// 輸入3000就是停3秒, 輸入60000就是停60秒(一分鐘)

這樣就OK了~

Mac：取消Photoshop中Mac的多重觸碰面板放大縮小、旋轉功能

2009-10-05T14:29:00.004+08:00

Dan Warne的部落格提到一個「在Photoshop中取消Mac的多重觸碰面板放大縮小、旋轉」的功能，這功能只有使用新版MacBook/MacBook Pro/MacBook Air的人會有感覺，因為Multi-Touch的多重觸碰功能很容易讓你難以掌握Photoshop！

首先到Adobe下載外掛程式：
http://www.adobe.com/support/downloads/detail.jsp?ftpID=4337

接著把下載的Plugin檔案放到：
應用程式 > Photoshop > Plugins 資料夾裡，重新啟動Photoshop即可。

AS3：讓Flash按鈕可以直接在Twitter開新主題

2009-09-27T14:25:00.003+08:00

想要讓Flash的動畫按鈕可以在按下去以後，直接就在Twitter開立新的主題，目前我的作法是讓Flash呼叫Javascript的Function來達到這個功能。首先是Flash的程式部份：

import flash.external.ExternalInterface;
import flash.external.*;
shareFashion.tt_btn.addEventListener(MouseEvent.CLICK, clickTwitter);
function clickTwitter(e:MouseEvent):void
{
ExternalInterface.call("addMoreFashion");　
//呼叫Javascript中的「addMoreFashion」程式
}

Flash會呼叫一支名為「addMoreFashion」的javascript程式(當然，你也可以改成其它的名字，只要能相互對應就好。)。接下來就是在html中加上Javascript程式，讓Flash呼叫用的：

<script language="JavaScript">

</script>

其中，「新標題名稱」就是開建立標題後會顯示什麼字在上面；「fashion.htm」則是這支javascript所在的網頁名稱。

目前這個方法有個缺點，在於「fashion.htm」只能使用UTF-8編碼，否則在中文顯示上會出現問題。

CSS：讓背景影像水平垂直置中

2009-08-09T23:29:00.002+08:00

當我們製作了一個小而精緻的網站時，網頁的內容範圍不大，因此我們可能會希望讓背景圖案能水平、垂直皆置中；一般來說，直覺的寫法可能是：

background:#111111 url(../images/bg.gif) no-repeat 50% 50%;

不過，當你以各種不同的瀏覽器檢查時，可能會發現…其實有些瀏覽器只有水平置中而已，垂直的位置並未置中(不是落在50%的地方)，所以畫面會有問題…有一個很簡單的方法可以輕鬆解決這個問題：增加background-attachment為fixed的屬性，即「background-attachment:fixed;」，便可讓背景圖案真正的水平、垂直皆置中：

background:#111111 url(../images/bg.gif) no-repeat fixed 50% 50%;

為何接案的時薪要比一般正職員工的時薪高？

2009-07-20T23:33:00.005+08:00

今天在Freelancerswitch看到一則漫畫，大致上是描述一名接案的自由工作者(freelancer)與業主(客戶/client)的對話…

業主：「那我就直說好了…你的時薪是我們正職員工的兩倍以上！而且，如果我需要你幫忙，你也不會在上班時間隨時待命，是吧？」
Freelancer：「請問你會支付我的勞健保費、員工福利、病假、年假、退休金、…等其它福利津貼嗎？」
業主：「不會，當然不會！」
Freelancer：「那就對了，這就是為什麼你付錢找一個Freelancer而不是請正職員工的原因了！」

以前覺得Freelancer在收取費用的時候，常常會覺得這樣子的費用會不會太貴了些！看了這篇小小的漫畫之後，我真的覺得我之前收的費用都太低了！

AS3：路徑(Path)大不同！

2009-07-13T23:24:00.002+08:00

Actionscript 3.0的路徑與我們在之前2.0使用的情形不一樣。_root.myMovie在AS3變成了MovieClip(root).myMovie，this._parent._parent.myMovie在AS3則變成了MovieClip(this.parent.parent).myMovie。

其中，this在AS2原本可指物件本身，但在AS3則一律只能指向時間軸所在的位置，而不是物件本身；MovieClip(this)則可指向時間軸所在的物件本身(Object MovieClip)；MovieClip(root)指的則是主時間軸(Object MainTimeLine)。

美國空軍網站

2009-07-09T21:57:00.003+08:00

朋友M給我的一個很先進感的網站：美國空軍網站。3D的立體效果，讓先進的科技感表露無疑！讓我想起了以前的電玩遊戲(地球爭霸、泰伯倫選爭、Falcon 4.0)，好懷念的回憶，因為我已經很久沒有玩電腦遊戲了！

裡面的3D立體互動式影片播放的介面，其實有一些網站也有類似的效果，像Fendi的官方網站就是一個；看似簡單的效果，卻可以帶來不錯的互動經驗，也許哪天我可以在網站上試試類似的效果...

看完美國空軍以後，我們來看看「中華民國空軍」…的網站；嗯，嗯，那，…嗯，我們有無可限量的進步空間！空軍加油！加油！

Photoshop Lightroom發佈2.4更新

2009-07-01T01:22:00.003+08:00

Adobe Photoshop Lightroom 2.4又有更新可以下載了。更新的部份增加了幾乎所有最新機種的相機，例如Canon 500D、Nikon D5000、Sony A380、Pentax K-7、Hasselblad、…等，當然也修改了之前的一些問題，羅列如下，有興趣了解的人可以看一看：

Web galleries with a Collection Title of six characters would not export or upload
The crop aspect ratio could revert to the last selected ratio even when reset to original
The crop aspect ratio in Quick Develop could be lost after a crop adjustment
The crop aspect ratio lock could be lost after an orientation switch
Images could preview incorrectly when imported using the MTP/PTP USB protocol
Sony .ARW files may not have been recognized by Lightroom’s import dialog
The Japanese language configuration of Lightroom on Mac OS X 10.5 could fail to switch to the print module if the HP B9180 was set as the default printer
Metadata options that are intended for use were dimmed incorrectly when exporting DNG files
The Japanese language configuration of Lightroom on Mac OS X was missing a shortcut for “Zoom Out”
Several translation and shortcut corrections were made for the eight additional languages introduced with Lightroom 2.3

Actionscript3寫的翻頁引擎：MegaZine3

2009-06-27T00:14:00.002+08:00

MegaZine3是一個公開原始碼(Open Source)的Flash翻頁引擎，它用Actionscript 3語法寫成，透過載入外部XML，即可產生完整的Flash電子書！雖然是免費的，但看得到不見得就吃得到！你還是得有一些簡單的基礎才能順利用這個引擎讓車子可以跑，不然它就只是個紙上模型而已…此外，它也沒有提供原始程式…想要將外觀調整成我們自訂的樣式可能有些問題。

從下載的資料夾可以看出它使用了swfAddress與swfObject，所以就算這是個Flash的翻頁電子書，你還是可以透過瀏覽器的上一頁與下一頁來控制目前顯示的頁面，是個很好的運用！很值得學習！

祈求與機會

2009-06-21T12:58:00.005+08:00

王牌天神2中摩根費里曼(Morgan Freeman)和女主角在餐廳的一段對話：

「當人們向上帝祈求耐心時，你想上帝是直接給他耐心？還是給他機會培養成為有耐心的人？」
If someone prays for patience, you think God gives them patience, or does he give them the opportunity to be patient?

「當他祈求勇氣時，上帝是直接讓他有勇氣？還是給他機會磨練成為有勇氣的人？」
If he prayed for courage, does God give him courage, or does he give him opportunities to be courageous?

「當有人祈求希望家人之間可以更加親密和諧時，你想上帝會快速給她溫暖模糊的情感？還是給她機會去深刻體認家人之間的愛及重要性？」
If someone prayed for the family to be closer, do you think God zaps them with warm fuzzy feelings, or does he give them opportunities to love each other?

上面的文字是今天在奇摩新聞的連結所看到的一段話，我看了之後覺得很有哲理！

當我們在生命中遭遇挫折時，我們希望自己是因為上帝的救助而立即渡過難關？或者，我們應該擁抱機會去克服生命中的挫折而讓自己有所成長？

Elecom無線奇隼電射滑鼠

2009-06-20T23:29:00.004+08:00

Elecom果然推出了無線版本的奇隼鼠！但它的價格卻驚人的比有線版本還翻了兩倍高！要價日幣9,870圓，折合台幣超過三千元！真的很貴！！我用過的羅技VX Nano、VX Revolution、Apple Wireless Mighty Mouse都不到三千元，這支竟然…本來很想給它敗下去的，我看…還是等一陣子吧！也許它就會降價了！我認為這款無線滑鼠的合理價格應該落在 NT$2,000~2,500上下，否則我猜買它的人應該會少很多！...

Acer Aspire的專屬時尚網

2009-06-20T22:02:00.003+08:00

如果各位有注意奇摩首頁的話，會發現Acer也在上面下了新廣告，推出一款最新的長效輕薄型筆電：Acer Aspire(3810/4810/5810)，一樣屬於Aspire系列，而時尚網也專門為它設計了一個Acer Aspire的專屬時尚網站(如上圖)。這款筆電不但輕薄，更重要的是它的電力可使用長達八小時！而且就算長時間使用也不會有過熱的情形！這兩點可勝出我的MacBook Pro不少！因為我的MacBook Pro大概只能用兩個小時，而且放在腳上用一陣子後就會非常熱！所以我對於長效與不會過熱的特點很有認同！(雖然Apple最近也推出新的MacBook Pro，一樣也有強調電池可長時間使用…)

我另外也受邀在STYLEblog寫了一篇小小的文章，說明了這款筆電更多的特點，有興趣的人可以去看看。

iPhone 3G S

2009-06-13T23:48:00.002+08:00

雖然Apple在六月推出了最新的iPhone 3G S手機，但它的造型似乎和目前的一模一樣，只有處理器快了一些、三百萬畫素、可錄製影片、指南針、…和之前看到「傳聞中的樣子」有很大的落差！我比較喜歡「傳聞中的樣子」，看起來美多了！也許應該要再等下一代的iPhone，看看會不會比現在的要好更多！

Casio福利品特賣會(6/19~20)

2009-06-13T23:43:00.001+08:00

Casio 福利品特賣會，特賣商品全面三折起，時間是6/19(五)~20(六)兩天，有興趣的人可以去逛逛唷…

免費且合法的Flex Builder Professional 3

2009-05-31T02:42:00.005+08:00

Adobe提供特定使用者(Education Customers/Professional Developers)免費而且合法的Flex Builder Professional版本。如果你符合條件，只要連至「freeriatools.adobe.com」，即可獲得合法序號與使用權唷！真的是太棒了！唯一可惜的是…我並不符合這個特定的資格…orz！

取消Photoshop兩指旋轉畫布的功能

2009-05-30T22:50:00.003+08:00

如果你使用新的MacBook，多重觸碰面板(Multi-Touch Trackpad)在Adobe Photoshop CS4裡可以直接使用兩指旋轉的功能來旋轉畫布，是個滿有趣的功能！只不過…有些人並不「欣賞」這樣的功能；於是，Adobe釋出了一個外掛程式可以取消它：「Adobe Photoshop CS4 Disable Canvas Rotation Via Trackpad plug-in」。

取消的方法是先下載外掛程式，然後將它(DMG裡的外掛程式)放到「Adobe Photoshop CS4/Plug-ins」資料夾，重新啟動Photoshop CS4就可以了。

包含注音符號的鍵盤保護膜

2009-05-28T18:59:00.002+08:00

之前想在台灣買MacBook Pro的原因之一是鍵盤有中文注音的標示，但現在有了上面包含注音符號的鍵盤保護膜之後，以後可以在香港買便宜的MacBook Pro了…不過，既然已經買了，還是得保護一下…所以我現在用的是moshi超薄鍵盤保護膜；用起來的感覺…目前來說還滿不錯的！

輪迴轉世測驗

2009-05-24T11:44:00.002+08:00

今天在Plurk上看到一則輪迴轉世的測驗，好像我從來都沒想過自己的前世今生是什麼…於是就去玩了一下，結果我是F型的…

你是： F 型

解析：你的轉世一直重複在愛好藝術，已表現宇宙的真理方面。而且你的靈魂是透過藝術，與大宇宙的意義以相同步調前進，這是一項寶貴的經驗。即使在今世，也會以任何形式形成「普遍的美感」來傳達真理。請你務必要全力以付去達成，這是你今世的責任。但另一方面來說，因為你的感性敏銳，因此靈魂很容易受到傷害。當然這種傾向並非僅於今世，即使在前世，你的靈魂也受到了傷害。因此之故，你常常會覺得孤獨。在今世，一定要把自己的靈魂訓練得堅強些，不要把自己關在象牙塔當中，應該和各種人好好的相處才是。

Photoshop快速鍵：填滿…

2009-05-23T22:54:00.005+08:00

那天看到小遙在使用Photoshop填滿色彩(Fill...)的功能，突然就想到，這個功能有沒有超方便的快速鍵？

先說明一下這個功能，它會顯示出對話窗，讓你選擇用什麼來填滿目前的圖層，可以是「前景色、背景色、自訂色彩、材質圖、黑色、白色、50%黑的灰色」等。有時候可說是滿好用的一個功能。

我們在Photoshop功能列「編輯(Edit)>填滿(Fill...)」的下拉選單旁邊就可以看到快速鍵提示：「Shift+F5」。不過這個快速鍵似乎沒那麼好記…我們知道，填滿前景色的快速鍵是「Option+Delete(PC:Alt+Delete)」，填滿背景色的快速鍵是「Command+Delete(PC:Ctrl+Delete)」，其實填滿色彩的快速鍵也可以搭配Delete鍵：「Shift+Delete」。

所以，Photoshop真的藏了很多好用的快速鍵…

AS2呼叫Javascript隱藏(/顯示)指定的Div

2009-05-16T11:59:00.004+08:00

有時候我們會在yahoo或其它網站看到Flash的廣告banner在畫面中播放完後自動向上收回去，這效果滿有趣的，因為你可以讓大家看到一個比較完整的廣告效果，然後向上縮回，只留下另一個小廣告banner在同一個位置，不會讓大的廣告banner一直佔據網頁的空間。

其實，這只是在同一個地方放了兩個banner，一個大的、一個小的，播完大banner以後再留下小banner；我們可以用兩個div分別置放大、小banner，然後把播完廣告的大banner在畫面中刪除！

或者，也可以在同一個swf檔裡做兩個banner，在播完大banner之後，讓時間軸跳到小banner的地方，不讓別人看到原來大banner的畫面。

不過，這些都不是困難的問題，我們比較好奇的是，是什麼原因讓大banner播完後，Firefox竟然忘不了這個大banner曾經播放過的事實，因此留下原本大banner的「透明」區塊在畫面之中？！也許這層透明區塊不會對畫面造成影響，但另一個問題是…區塊底下的東西竟然無法點選、連結？！這個可麻煩了！真不知道該怎麼辦才好…

沒關係，感謝Javascript和CSS的強大功能，因為我們可以在Flash中呼叫Javascript功能，讓Javascript使用CSS設定，讓指定的Div消失於無形～！哈哈哈！！！

首先我們要讓Flash在特定的時間或事件之中觸發Javascript機制，例如播完影片之後，或者因為我們已經看過這個畫面，不想再看了！於是，我們可以在時間軸中加上底下的Actionscript(AS2)：

getURL("javaScript:hideItem('hideThisDiv');","");
//讓Javascript知道要隱藏哪個Div

接著在html加入底下這段Javascript即可讓Flash自動隱藏起來：

<script type="text/javascript">

</script>

既然Javascript是用CSS的方式將Div隱藏起來(display:none;)，我們同樣也可以把它叫出來，只要將「none」改為「block」(或其它非none的參數應該都可行)：

hiddenID.style.display = "block";

解決swf重疊的問題

2009-05-16T01:05:00.006+08:00

前陣子同事遇到一個情形就是好幾個swf的flash元件重疊在一起，結果會造成顯示畫面的錯亂…特別是當我們指定某個影片一定要在最上面播放的時候…

原來我們想說是z-index的問題，雖然說z-index的設定得配合使用「position:absolute;」才行，但這點似乎無法解決我們的問題。

在經過一番Google之後，一時間也沒什麼答案，但我們的哈學長居然找到了一個很可能解決的答案，而且，最重要的是這答案確實是讓我們的影片顯示在畫面的最上層，不會被其它swf擋住。

更有趣的是，這方法竟然很簡單，只要將你想放在最上層的swf加上「透明度(transparent)」參數設定，並且確定其它swf「沒有」同時使用透明度設定；此時瀏覽器便使將設有透明度的swf放在最上層。swf的透明度參數設定如下：

<param name="wmode" value="transparent">

假如其它swf也有使用這個透明度設定的話，一樣會造成顯示上的問題。也因並如此，沒必要的話最好不要在swf上有太多重疊的東西，否則很容易會有問題的發生…

AS2影片播放完畢後執行特定動作

2009-05-16T00:42:00.006+08:00

今天在公司試著想把Flash的影片在一開始的時間不要自動播放，讓使用者想看的時候再按下預覽視窗裡面的播放箭頭才播放影片；由於公司使用的是Flash 8，想當然爾，自然是用AS2來達到這個功能。做法如下：

首先將Flash的影片播放組件命名my_FLVPlybk為它的實體名稱。在影片的第一個影格事先放置示意的圖案，並命名為preview_btn。當我們按下這個預覽按鈕時，就告訴Flash把影片帶至第二個影格(設定影格名稱為theVideo)停住，並按放影片播放組件所指定的影片畫面。

第一個影格的as2程式碼：

preview_btn.onRelease = function(){
this._parent.gotoAndStop("theVideo");
//告訴flash到上一層時間軸的「theVideo」停住
}

//當flash到theVideo的時候，會觸發該時間軸上預先設定的AS2程式。至於「theVideo」這個時間點上的時間軸程式語法如下，原則上是使用listenerObject來監聽一些動作：

import mx.video.*;
var listenerObject:Object = new Object();
listenerObject.stopped = function(eventObject:Object):Void {
gotoAndStop("theVideo");
到指定的時間軸位置停住不播放。
};
my_FLVPlybk.contentPath = "myvideo.flv";
//指定my_FLVPlybk這個影片播放程式的位置。
my_FLVPlybk.setBufferTime(7);
my_FLVPlybk.addEventListener("stopped", listenerObject);

基本上就是在影片播完「停住」以後才會觸發另外的動作，如果是要影片在完成(complete)播放後觸發某些動作，也可以使用底下的as2程式碼：

import mx.video.*;
var listenerObject:Object = new Object();
listenerObject.complete = function(eventObject:Object):Void {
gotoAndStop("theVideo");
};
my_FLVPlybk.contentPath = "myvideo.flv";
my_FLVPlybk.setBufferTime(7);
my_FLVPlybk.addEventListener("complete", listenerObject);

修正舊版瀏覽器無法正常顯示PNG的問題

2009-05-05T00:31:00.004+08:00

舊版的IE瀏覽器(6.0, 5.5, 或更早的版本)並不完全支援PNG格式圖片的顯示，因此會在透明PNG圖片的周圍產生一片淡藍色的區域；常更新軟體的人可能不會發現，但對於電腦「不過就是一個東西放在那邊」的人來說，他們可不管這麼多…雖然如此，我們還是得要照顧到他們，所以…底下是google到的一段程式碼，只要把它放進Head裡面，就可以讓舊版瀏覽器也能正常顯示透明PNG囉！

Porter包

2009-05-03T01:27:00.003+08:00

星期六下午在信義新光三越和小瑜逛到一家專門賣包包的Porter，它們家賣的這款Heat系列包看起來還真不錯，不但可以放筆電，造型也在時尚中帶著些休閒，兼具實用性，所以有點兒心動想要買它…但是看到NT$6,650的價格，以及我最近努力很認真存錢的決定…矛盾之間，還是選擇了放棄…也許等我存到更多錢之後，會看到更棒、更適合的！(我好像總是有些喜新厭舊的感覺…)

這個包包還附贈一個小手電筒就掛在外面的拉鍊頭上，以及一個小包包可以收納小東西，裡面的內袋也不少！感覺滿實用的！(也許可以再縫個指南針之類的東西在包包上，乾脆再加個瑞士刀好了…@#$%^&)

若要說這款的缺點，就造型的部份我其實還滿喜歡的！就實用性看來，如果它可以有一個隱藏式的大開口拉鍊，並且不怕雨淋的話(不止是防潑水而已)，對我來說就是超級完美了！

好鋼彈的滑鼠：Scope Node奇隼

2009-05-01T16:40:00.007+08:00

Elecom最近推出了一款俱備雷射感應器的滑鼠：「Scope Node(奇隼)」。我看了它的樣子以後，直覺得它一整個就不是現實世界的滑鼠！？因為從來沒想過滑鼠可以長這個樣子！其實我覺得它長得滿特別的！好像鋼彈的裝甲放在滑鼠上面，還滿想試用看看的！

它設計概念的發想是人用筆寫字的方法，也是它所要強調的地方；雖然癮科技之前就曾報導過，但現在終於可以買到它了！不過，經過創意設計過的產品價格通常都不低，這隻滑鼠的價格約為NT$1,590(GoHappy網路價)；以「有線」滑鼠來看，價格並不低！不知道光華商場有沒有賣比較便宜的…但一般的有線滑鼠怎麼看都沒這隻特別！真是矛盾呀…難道要等它出無線的版本？！

雖然不知道這隻滑鼠實際使用的感覺會是如何，單就造型看來，它相當的大膽！也非常的前衛！這樣的設計通常會得到很兩極化的評價，喜歡的人就會非常喜歡，但不喜歡的人就完全無法接受！與我最常使用的羅技滑鼠比較起來，羅技的設計相對就保守多了。假使和我現在使用的Apple無線Mighty Mouse比起來，它就是加上裝甲的Mighty Mouse，也許可以叫做「Mighty Mouse - Armed Edition」。有機會的話我會去試用看看，畢竟一隻滑鼠最大的功能就是讓人操作順手！

Polaroid 拍立得 Pogo隨身相片印表機

2009-05-01T15:37:00.003+08:00

GoHappy電子報上提到一款「Polaroid 拍立得 Pogo隨身相片印表機」還滿有趣的！它讓我想起以前曾很流行的大頭貼…這台「印表機」大概是我看過目前最小的印表機了吧！？只不過，誰會想隨身帶著印表機呢？雖然我不清楚誰會想要這麼做，但如果你偷偷帶著這台印表機(不要讓別人發現)，然後把大家的照片印出來，保證讓大家很驚奇！話題自然就來了，呵呵…未來如果我們的數位相機都能加上這功能就真的太棒了！

iNeno 多功能充電器

2009-05-01T15:01:00.004+08:00

之前我在Costco曾買過一組「勁量(Energizer)」充電器，價位比起這上面這組充電器貴上不少錢，高達NT$1,700！但它15分鐘左右就能將電池充電的動作完成，速度之快，是其它充電器辦不到的！而且也包含了將近十顆的充電電池(好像是八個3號、四顆4號充電電池)；因為我知道家樂福四顆4號的勁量充電電池就要NT$360(一顆90元)，所以換算下來，單純一個勁量充電器的價格約NT$680。

反觀上圖這組快樂購賣的充電器：「iNeno 多功能充電器(可充1、2、3、4號、9V鎳氫、鎳鎘電池)」要價NT$699其實並不便宜(但「總價」上來說是便宜的)，而且也沒有標示充電時間！唯一讓吸引我的就是它的「多功能」，畢竟市面上沒看過幾台充電器可以把充這麼多類型的電池，這點我倒是覺得滿厲害的！(也很樂見！)如果它的充電速度快的話就更棒了！

此外，我也必須要說一下充電電池的問題：使用的時間不如一般電池長。雖然電池上面都有標示電量，而且可以重複充電使用超過一千次，但不知何故，它的電量用起來就是沒有一般電池用的久！(推測可能並不會真正充飽，才能延長電池壽命)然而，使用充電電池的目的就不是為了環保嗎？！沒錯！我就是為了地球才買它們的！雖然價格不便宜，但其實長期下來的成本相對是低的，只是要習慣去找充電器在哪，就像找手機充電器一樣。

還有，如果把鋰電池做成像一般的充電電池(1、2、3、4號)，使用電力會更久嗎？電池壽命會更長嗎？

AS2：FLV影片播放器不能自動重播

2009-05-01T14:04:00.007+08:00

當你在Flash裡把載入flv影片的參數設成自動重播(autoRewind=true)後，理論上這支影片就會自動重播了。不過，有趣的是，理論常常會和現實衝突！因為昨天我就遇到了不會自動重播的情形…明明已經在flash的播放器上指定了正確的flv影片路徑，而且也將autoRewind設為true，但影片就是不會自動重播！？還好Kirupa的一篇「loop "flv" files」提供了一個非常簡單的解決辦法，直接將底下的actionscript程式碼加在flv影片的播放器上就行了：

on (complete){
this.autoRewind=true;
this.play();
}

基本上，上面的語法只是告訴flash說：「當影片(this)載入完畢(complete)後，記得要自動重播(autoRewind=true)，然後就開始播放影片(play)。」

不過這樣的做法仍然是有前提的，例如使用ActionScript 3.0語法的Flash就行不通(因為ActionScript3.0不能把語法下在物件上，不論是Movie Clip、按鈕皆不可行)，但仍可給之前的版本做參考與應用。

Flash底下硬是長出空白背景區域！？

2009-04-28T23:30:00.005+08:00

昨天在做網頁的時候發現了一個奇怪的現象，就是Flash的物件在IE6底下看起來很正常，但在Firefox上卻不是那麼一回事；也許你會說這是瀏覽器的不同，但是怪就怪在這東西的組成一點兒都不難，就是表格中由上而下放了兩個Flash，最底下只放一張圖，完全是一整個簡單到不行！但是卻讓我怎麼也想不透原因！為什麼Firefox硬是要在底下多出幾個像素的空白，竟然把我要的畫面撐破了！

後來才知道，也是推測最可能的原因是「Object」標籤的問題。有時候Firefox會把<Object>視為「行內(inline)」元素，也就是當作一般的文字來看待；既然是文字，就會有文字應該有的高度、大小等實體空間的存在。

如果我們把行高與字體大小皆設為0也可解決這個問題！不過，還有另一個方法，就是把Object的display屬性設成是區塊(block)，只要用CSS指定如下即可：

object{
display:block;
}

設為區塊屬性(display:block)之後，該區域在Dreamweaver 8.0的設計模式中會產生雙倍高度的怪異現象…也就是明明只放了一個Flash元件，但Dreamweaver看起來卻是兩個一樣的東西上下黏在一起！

由於之前都未曾遇到Flash元件object所造成的問題，因此我也不排除公司軟體老舊的因素…(一直很期待公司能給我換新電腦、新軟體…orz)。

Firefox 3.5 Beta 4 釋出

2009-04-28T22:59:00.003+08:00

今天開Firefox的時候發現它自動要求我更新到3.5 Beta 4版，一如之前之言，這正是3.1 Beta 3的下一個版本；只不過，到底更新了些什麼東西？其實我也不清楚…不過可以確定的是，它比之前穩定多了！而且開啟的速度也比較快！

想知道更多的人可以到Gururu的「新！Firefox 最新 3.5 beta 4測試版開放下載」看看別人怎麼說的…

Look Good In Pictures

2009-04-26T18:11:00.004+08:00

有時候我們會發現照片上的自己常常沒那麼好看，也許是雙下巴，也許是臉太胖，反正就是不上像！那麼，應該要怎樣才能讓自己在照片上更好看？(難道是學會使用Photoshop？！)這問題該怎麼回答比較好？看看「Look Good In Pictures(在照片裡看起來很好看)」這個網站，裡面有很多影片，看Carson Kressly的快言快語怎麼告訴你一堆的答案！多學著點囉~

Mac的省電捷徑：讓顯示器進入睡眠

2009-04-26T15:24:00.006+08:00

Mac OS的「系統偏好設定…」裡有個「Exposé與Spaces」的項目，其中的「Exposé」可以讓我們設定當滑鼠指標移到顯示器的四個角落時(也就是四個「熱點」)會觸發某些功能；我個人偏好在右上角的熱點設定為「讓顯示器進入睡眠」(如上圖)；如此一來，當我隨時要離開電腦時，可以馬上讓顯示器關閉，達到立即省電的效果，還滿方便的！

Photoshop：重複「複製、貼上、移動」動作

2009-04-25T01:21:00.005+08:00

想在Adobe Photoshop做到像Adobe Illustrator一樣用「Command+D」(PC: Ctrl+D)重複製上一個「複製、貼上、移動」的動作並不容易，好像我們平常並不會在Photoshop使用這種功能…不過，Photoshop還是繼續偷藏了一個快速鍵：「Command+Option+Shift+T」(PC:Ctrl+Alt+Shift+T)，可以讓你重複上一個「複製、貼上、移動」的動作。

不過，它的用法滿怪的！隨便用的話，你會發現根本就沒效！答案很簡單，因為它的使用是有前提的。

首先，你得使用快速鍵：「Command+Option+T」(PC: Ctrl+Alt+T)叫出變形的控制外框(不是一般的Command+T(PC:Ctrl+T)鍵)；接下來按住「Shift」鍵不放，移動想要複製的圖案；這時候你會發現圖案真的被複製了！(註：按Shift鍵會限制移動的角度，然而，只要畫面出現複製圖案之後就可以放開Shift鍵，一樣可以複製移動到不同的角度…)更妙的是，當你按下：「Command+Option+Shift+T」(PC:Ctrl+Alt+Shift+T)鍵，Photoshop就幫你繼續複製移動下去了，就像Illustrator的快速鍵：「Command+D」一樣，還滿神奇的！

更有趣的還在後頭！你可以選不同的圖案做出同樣的效果！只要按住Command(PC:Ctrl)鍵不放點選圖案，再按下「Command+Option+Shift+T」就可以了！

如果你有Photoshop的話可以試試這功能！版本的部份我不確定第幾版開始才有這個快速鍵出現，但Photoshop CS4肯定可以是沒問題的！(現在確定7.0版本也是可以用的)

缺點的部份，除了要按住的快速鍵太多、太複雜之外，它一次只能針對一個圖層的圖案做出這樣的效果，沒辦法像Illustrator可以一次對多個物件；但或許這個問題在下一個版本的Photoshop就可以了也說不定！只是…有多少人會去使用這個功能呢？

Pixel Bender Plugin for Photoshop CS4

2009-04-23T00:42:00.002+08:00

Adobe Photoshop CS4有個有趣的外掛程式：Pixel Bender。它可以運用顯示卡的GPU來執行即時的像素扭曲(Pixel Bender)特效；之前的版本沒辦法安裝，但現在經過測試，已經可以成功安裝並在Photoshop中執行！不過目前只有英文版本，喜歡玩影像特效的人還是可以到Adobe Labs下載來試試效果。

水の落ちる絵

2009-04-23T00:25:00.004+08:00

「水の落ちる絵」是youtube的一支影片。很難想像原來水的落下能夠形成這麼美的畫面！像動畫一般；也許你看完之後，會跟我一樣覺得這影片還滿精彩的！

ASP網頁的include

2009-04-16T23:45:00.005+08:00

雖然我不寫ASP類型的網頁，但公司伺服器卻使用微軟的系統來搭建並採用ASP作為伺服器互動的機制。正因為如此，我莫名其怪的學會了「Include(將外部程式包進來)」方法；當然，前提是你得有ASP伺服器才行。

之所以會有include方法，就是因為我們常會發現部份網頁的特定區域或程式是一模一樣的；如果客戶要求我們修改這些特定區域的時候，我們可能得一頁頁的修改這些一模一樣的網頁原始碼，會很費時費力！ASP的include則提供了另一個聰明的方法，就是把這些一樣的網頁原始碼的「片段」存放到另外一個不同的小檔案中(類似載入外部CSS檔)；之後我們只要修改這個外部的小檔案，ASP伺服器就會自動更新修改過的檔案的程式片段。當網頁很多的時候，這方法就會變成一個很有力的方法！

Include的方式其實不難！只要將網頁原始碼的程式片段「剪下」再「貼」到一個新的文字檔裡(ex: sample.txt)，並將文字檔的副檔名由原來的txt更改為inc，變成.inc的include檔(ex: sample.inc)。此時，在原來被剪下的程式片段位置改為底下的程式碼，ASP伺服器就會知道這是include，於是ASP伺服器會將這個外部的程式片段自動載入，然後才顯示組合後真正完整的網頁原始碼：

換言之，ASP伺服器只要看到上面的程式碼，就會自動載入程式碼所指定的檔案(ex: sample.inc)，並完全的取代掉上面的程式碼。

值得注意的是，這個include檔的路徑不能是「絕對路徑(absolute URL)」，只能是「相對路徑(relative URL)」，否則會沒有作用。

另外一點就是，當你的程式使用了太多的include之後，你會發現…這網頁很容易變成只能用ASP伺服器修改，因為太多的include檔早已讓你看不清網頁原來的樣子！所以include還是要謹慎使用呀！

AS2：在Flash 8用同一個影片組件播放不同的影片

2009-04-13T23:01:00.004+08:00

雖然現在Flash已經有CS4的版本，而且已經發行很久了；但不可否認的，還是有一些人仍然在使用Flash 8的版本，一樣在使用ActionScript 2.0。今天，我就遇到一個我很久沒在用的東西：影片組件。

影片組件可以很容易的把單一影片在swf檔案中播放，只要在參數視窗裡面，將空白的"contentPath"欄位指定影片的位置即可。但如果我想要點選不同的按鈕，讓同一個播放影片的影片組件播放不同的影片，又該怎麼做呢？

Adobe Flash的線上參考說明提供了一篇文章：Playing multiple FLV files，有相關的做法可供參考。其範例如下：

import mx.video.*;
my_FLVPlybk.contentPath = "http://www.helpexamples.com/flash/video/clouds.flv";
var listenerObject:Object = new Object();
// listen for complete event; play new FLV
　listenerObject.complete = function(eventObject:Object):Void {
　　if (my_FLVPlybk.contentPath == "http://www.helpexamples.com/flash/video/clouds.flv") {
　　　my_FLVPlybk.play("http://www.helpexamples.com/flash/video/water.flv");
　　}
};
my_FLVPlybk.addEventListener("complete", listenerObject);

其中，最值得注意的就是「contentPath」，指的就是影片路徑，用以告知影片檔案在何處。假設我們指定播放影片的影片元件的實體名稱為「my_FLVPlybk」，那麼只要在後面的contentPath指定影片位置，即可更新影片元件播放的內容。換言之，只要設定按鈕在按下去之後，指定新的contentPath給影片，就可以讓影片播放新的影片內容了。

貧民百萬富翁 (slumdog millionaire)

2009-04-07T00:25:00.003+08:00

今天和小瑜欣賞了一場星期一午後的電影：貧民百萬富翁 (slumdog millionaire) 。雖然這部片的劇情看似就像平常電視上猜題拿大獎的節目，但是當我看完之後，則是完全對它改觀！我覺得這部片真的是一部非常值得欣賞的電影！

一開始主角賈默(Jamal)就被印度警察嚴刑拷打；我剛開始還覺得很怪，怎麼會一開始就這樣子？！後來才知道電影用倒敘的手法，一題一題的將賈默答題的「心路歷程」呈現在觀眾的眼前；最後，再回到殘酷的現在，將劇情繼續下去，直到結束。

看完之後，我覺得這不是一部「猜題拿大獎」的電影，這是一部「愛情片」！賈默並不是一心想要成為百萬富翁才參加這個遊戲的，他參加這個遊戲的目的只有一個，就是讓他心愛的女孩拉緹卡(Latika)看到他！因為當時全印度的人幾乎都在瘋這個節目。賈默從小就不是有錢人，他出生在印度貧民窟，小時候母親就被反對回教信仰的人殺死！他和哥哥薩林(Salim?)逃了出來，後來用各式各樣的方式討生活；雖然薩林誤入歧途，但有時候還是會良心發現，最後為了讓拉緹卡離開壞蛋馬曼的身邊，把自己的命都送上了！

貧民百萬富翁反映出幾個印度人從小到大悲慘的成長與求生存的過程，在電影中看到了很多在我們所身處的環境中一般人都無法接受的情況，也看出了人類為求生存的韌性與各種人性！不論是那些讓賈默答題的感慨過程，或是主持人對賈默是倒茶小弟的身份的歧視、不尊重與錯誤的引導，甚至到電影最後結束時演員們的載歌載舞，反映出來的都像是活生生的印度文化，一整個「印度就是這樣子」的情境！

全劇讓我曾一度眼睛泛著淚水的地方，是賈默終於答對最後一道題目，但之後他卻依然在車站默默等著拉緹卡的現身；而在拉緹卡終於現身時，他們相擁在一起！原本以為賈默和拉緹卡會接吻，但賈默卻吻了拉緹卡被刀劃過留下傷疤的臉頰！那是拉緹卡不想讓人看到的傷痕！這代表了賈默的真心，而且他用吻撫慰了拉緹卡心裡的傷痕，好像用無言的方式告訴著她：「不管妳變成什麼樣子，我都會永遠深愛著妳！」我真的覺得很感動！整個電影的過程，賈默從很小的時候就喜歡拉緹卡，甚至長大了也一樣，他會一直愛著她到生命的最後一刻吧！即便拉緹卡曾因倆人沒錢可過生活而無法選擇和賈默在一起，但賈默贏得了二千萬盧比的獎金，不但有錢可以和拉緹卡一起生活，同時也成就了印度人人都想擁有的富豪夢！這真的是一部值得去電影院欣賞的好電影！

我的第一張國際認證：ACA - Photoshop CS3視覺設計認證

2009-04-03T22:38:00.004+08:00

今天終於收到Certiport的國際認證了！上個月我去新莊參加Adobe Certified Associate - Visual Communication Photoshop CS3的認證考試；考試完馬上就看到自己的分數：果然是「高分過關」呀！只不過，要拿到這張認證的證明書要等上一個月左右的時間，所以等這張認證還等真久呀！這個Photoshop視覺設計的認證書，代表被認證的人在使用Adobe Photoshop CS3的視覺設計能力具有一定的程度。雖然台灣也有辦TQC的認證考試，但TQC的效益可能沒有這張國際認證來得有力，因此我還是選擇考ACA國際認證；或許將來有一天我在國外工作，這張認證一樣具有同等的效用！

手動叫出Dreamweaver程式碼的提示選單

2009-03-31T00:33:00.005+08:00

Dreamweaver是個很聰明的軟體，它會在你需要輸入某些程式碼時，自動出現下拉的提示選單讓你直接選用，避免打錯字或忘記程式碼的情況；只不過這「提示選單」有時會被我們不小心按掉，於是我們還是得重新手動輸入程式碼。有沒有方法可以「手動」叫出程式碼提示選單呢？

答案當然是有的。在PC只要按一下「空白鍵(Space Bar)」，在Mac則要按下「control + 空白鍵(Space Bar)」，即可叫出Dreamweaver程式碼的提示選單。

你別小看這個小功能，雖然它看起來並不怎麼樣特別，但有時候還真的是很方便！

酷酷嫂

2009-03-29T00:10:00.002+08:00

最近不知怎麼回事，一直在「酷酷嫂」！咳個不停！連晚上睡覺都會酷酷嫂！睡得很差！剛開始還以為是感冒，但去看耳鼻喉科的醫生卻說我是「支氣管過敏」！雖然我們家族都沒有人有過敏的現象，但醫生還是開了三天的藥給我吃。只不過，今天已經吃到第三天了，雖然我也有喝熱楊桃汁、熱金桔檸檬，但我的狀況似乎沒有什麼好轉！還是一直咳，都咳到頭痛了…真難過！看來得再回去看醫生了…

天然竹製環保鍵鼠

2009-03-21T22:02:00.003+08:00

這個是今天GoHappy電子報上的產品：「天然竹製環保鍵鼠」。這是個有創意的商品，而且之前就曾聽說過這類的東西，但是，它讓我看了很…不知道該說什麼比較好！竹製品理當是比較環保的產品，畢竟竹子生長的速度比一般的樹木要快很多；但這樣的材質所呈現的造型，似乎讓人覺得這像是個紀念品之類的東西？也許應該再思考一下，如何設計得更符合「竹」所代表的意涵？或者，不見得要得把竹的材質太過表現出來？

多五秒反悔的時間：Gmail Labs(實驗室)把寄出去的信收回！

2009-03-21T20:31:00.008+08:00

ZDnet的一篇「Gmail新功能：信寄出可收回」文章，讓我想到自己的Gmail是不是真的有這個新功能，只要在五秒鐘之內，都可以「取消傳送」任何Gmail訊息，統統都可回收？！

只不過，我在自己的Gmail裡面怎麼看都沒有出現任何有「Labs」或「實驗室」相關的字眼！這到底是為什麼！？原來，要使用Labs新的「實驗」功能，得先把Gmail使用的語言改成英文(English)語系，你的Gmail才會有使用這些新功能的設定。設定完之後，再改回中文語系，一樣可以繼續使用Labs的新功能(可能只有少部份新功能無法使用)。

重灌狂人的「Google推出Gmail Labs實驗室版，開放13種新功能！ (上)、(下)」有很多Gmail Labs新功能的介紹，中文的應該比較親切，喜歡嚐鮮的人可以去學學新玩意兒唷。

Dreamweaver網頁模組(Web Widgets)

2009-03-20T17:02:00.006+08:00

最近jQuery滿流行的，Adobe也在Dreamweaver的「Dreamweaver Web Widgets」頁面提供了各式的網頁模組(Web Widget)給Dreamweaver使用者下載(需先申請免費帳號才能執行下載動作)；這些模組架構包含了jQuery、Spry、Google、Yahoo，以及MooTools等。如果能善用這些Ajax類型的模組，可大大增進網頁的互動效果！同時又不致於讓網頁的檔案過大，加快使用者瀏覽網頁的速度，功能相當強大！

另外，jQuery UI提供了一些使用者介面(User Interface)的設計，「黑暗執行緒」在「邊做邊學」系列教學(觀賞影片需安裝微軟的SliverLight)也放了jQuery教學給有興趣想學習的人。Ka-Yue.com在「優秀jQuery插件17個」也提到不少關於jQuery外掛程式與模組的連結，雖然這篇文章是2007年寫的…時間有一點久遠。

依樣畫葫蘆：iPhone OS 3.0

2009-03-19T19:21:00.003+08:00

Apple發表了號稱最先進的手機作業系統軟體(的預覽)：iPhone OS 3.0。雖然我沒有買iPhone，也沒有使用iPhone作業系統軟體的經驗，但它的網頁上所使用的「藍圖」畫得還滿不錯的！所以我也「依樣畫葫蘆」地用Illustrator畫了一個類似的向量藍圖，樣子應該還滿不賴的吧？

好的設計其實很容易讓人想模仿！但還模仿得跟別人一模一樣還真不容易呀！不過從模仿的過程之中，也可以磨練自己的技術。也許哪一天，你會發現Apple網站上的圖其實就是我畫的也說不定，呵呵…

用Flash晾衣服

2009-03-19T12:32:00.004+08:00

這是我最近看到最酷的衣服！也許你說它不過是塊布而已，但因為它的成份是「Flash」組成的，它可以擁有各種不同的樣貌！有哪件衣服這麼棒，可以隨時換不同的圖案、顏色、甚至影片！？這衣服真的是很有創意！只是以目前的科技看來，要拿來當衣服穿的話…可能要再等等。現在你能做的，是好好欣賞這件晾著的Flash布，它的左上角與右上角都被夾子夾住，按住夾子可以移動布的上緣兩端；一移動夾子，它就會跟著被拉扯的唷！

Flash平台其實有很多的應用面，還有哪些特別的Idea呢？「Adobe Flash Player in action」提供了許多已經實現的Flash創意！基本上，連這個網頁自己本身的呈現也都是Flash的創意呢！

讓Photoshop背景圖層立刻變成一般圖層

2009-03-19T10:47:00.003+08:00

Adobe Photoshop隱藏了無數的快速鍵與各種方法可以完成你想要的動作！有時候我們在處理Photoshop的影像時，常需要將背景圖層(Background)變成「一般圖層」，如此才能在該圖層影像的後方(下方)加入其它的背景或圖形。Photoshop的快速鍵就是同時按住「option(PC:Alt)鍵」，以「滑鼠左鍵」點擊背景圖層最右邊的小鎖圖案！點一下，背景圖層馬上就會變成一般圖層，圖層名稱則會自動被命名為「圖層0(Layer 0)」：

當然你也是可以在背景圖層的圖層名稱上面點兩下，就會出現圖層對話視窗，進一步設計這個圖層；只不過，使用快速鍵可以省下更多時間，方便多了！

Google工具列(Toolbar)在FireFox 3.1 Beta 3失效？

2009-03-19T07:33:00.004+08:00

更新至FireFox 3.1 Beta 3後，發現Google工具列也跟著失效了！？不知何故，以前都可以透過Google工具列即時翻譯的動作，現在卻不行了？難道是要強迫我們降級安裝Beta 2版本嗎？至少這情形在Beta 2沒發生過…有人知道如何解決這個問題嗎？

如果沒有的話，希望這個問題不會發生在Firefox 3.5正式版上面…

Google快訊(Alerts)

2009-03-19T06:59:00.005+08:00

Google推出「快訊(Alerts)」服務已經好一陣子，Google快訊設立的目的是一旦Google在網路上發現符合你設定主題的新聞文章時，會自動寄電子郵件給你。例如：追蹤正在發展中的新聞報導、掌握競爭對手或企業的最新動向、取得某些知名人士或重要事件的最新消息等，只要填個簡單的表單就可以建立快訊唷！

不過，要小小注意的一點是：建立太多快訊的話，你的電子郵件信箱可能每天就裝滿一堆「Goole快訊」…預設的快訊是「一天一次」，但你也可按照自己的個人需求選擇「即時」或「一週一次」。底下是簡單的快訊範例：

繪製連接圖：Motor Runner B

2009-03-18T22:34:00.004+08:00

憑著操作Adobe Illustrator的技術，今天把Bill希望我幫利基應用科技繪製的連接圖完成了！雖然先前不確定他們想要的是什麼樣子的圖，但今天寄給他們的這個連接圖，確實讓他們老闆吃了一驚！比他們期望的樣子要好很多，所以Bill說他老闆給的評價很好！我當然是聽了很高興！可是，最重要的是，這樣的連接圖對他們來說，值多少錢？或者說，你願意付多少錢來買這樣子繪製的連接圖？

先不管這圖值多少錢，我只問自己：「我有沒有辦法畫得比他們給的圖棒？」如果我畫的圖與之前比較，並沒有很大的差異，他們以後憑什麼要找我畫？！

所以今天這張圖花了比較久的時間。不過，我相信雖然現在花比較久的時間，但未來會因為「熟能生巧」的關係，並且因為各個元件圖案的建立，畫這樣子圖的時間只會愈來愈短，而且愈來愈好！

史丹佛大學的向量魔術(Vector Magic)

2009-03-17T23:12:00.002+08:00

如果你沒有Adobe Illustrator，也沒有CorelDraw，要怎麼把照片變成向量圖案呢？史丹佛大學的「向量魔術(Vector Magic)」給了你另一個答案！

你可以直接在線上做轉換成向量檔案的動作，或者是使用他們提供的轉檔程式。只不過…原本是不用花一毛錢的Vector Magic，現在已經開始收費…你可以選擇一次付295元美金購買合法使用版權，或每月付7.95元美金使用這項服務。用email註冊的話，可以免費轉換兩張向量圖案。

Adobe TV

2009-03-17T18:52:00.002+08:00

Adobe(奧多比)自己有做一個電視(TV)網站：Adobe TV。裡頭並不是真的電視頻道，而是許多不同的Adobe軟體教學的影片，包括Adobe Photoshop, Illustrator, Dreamweaver, Fireworks, Flash, Lightroom, Premier, AfterEffects, Bridge, Soundbooth等；基本上，這就是Adobe軟體產品的教學頻道，不必購買Lynda.com或Total Training這些線上教學的影片，也不用忍耐Youtube參差不齊的畫質，這些就有很多你想學想看的教學影片了！Adobe TV是非常棒的軟體教學資源！

唯一一個有問題的地方，可能只有你對於英文程度的了解，因為裡面沒一個人說中文…

為照片加上GPS地理資訊

2009-03-17T18:29:00.001+08:00

Google地圖(map)的廣泛使用，讓我們的照片多了新功能！只要將照片加上GPS資訊，這張照片就會具有地理位置的功能，並且可透過Google地圖找到照片拍攝的所在位置！聽起來很酷吧！而且早已經有一些人這麼做了…只不過，得額外再買一個GPS接收器(GPS Logger)才能做出這個效果。

基本上，這個概念就是當你帶著GPS接收器出門拍照時，相機會記錄你所拍攝的數位照片，裡面的後設資料(metadata)包含了拍攝的時間；此時GPS接收器也同步記錄你所從走過的位置。當你將照片輸入電腦之後，透過GPS接收器所附的軟體，可以將拍攝照片的時間與GPS記錄的時間做對應，時間一致的照片可以加上GPS定位的資料，例如經緯度的座標等。如此一來，加上GPS的照片就會有地理位置的功用。

當你將包含有GPS資訊的照片匯入至Adobe Photoshop Lightroom，Lightroom會辨認這些資訊；如果你想知道選定的照片是在地球的哪個角落？可以在Lightroom的Library(圖庫)模式右邊的基本功能面版上，找到一個GPS的欄位，你會發現欄位的右邊有一個箭頭；按一下那個箭頭，就會跳出Google地圖，並且在Google地圖上指出這張照片的位置！超酷的！

底下列出與GPS定位功能相關的幾篇文章：

全新 iPod shuffle

2009-03-17T16:28:00.003+08:00

蘋果(Apple)最近推出他們新的iPod shuffle，在他們的官方網站可以看到這樣的一個「輕小i說。」這款新的iPod可說是比前一代要來得更小，就像一根手指頭一樣，小小的、長長的；最重要的是，這上面簡直什麼按鍵都沒有！要怎麼選上一首歌、下一首歌呢？

原來，新iPod shuffle控制開關的位置在右側耳機的訊號線上，在控制開關上「點一下」可以暫停或播放音樂，「點兩下」播放下一首歌，「點三下」播放上一首歌！並搭配使用VoiceOver語音提示功能：假設你正在聽歌，卻不知道它的歌名與演唱者，此時只要按下控制開關的按鈕不放，VoiceOver會暫時降低音樂的音量，然後告訴你這些資訊。不但如此，它還可以「告訴」你目前使用的播放列表名稱！當電池快沒電時，VoiceOver也會用語音提醒你。

聽起來好像滿棒的！？但不知道真的買了它的人，用起來是不是也一樣棒！？

雖然我不清楚「聽」歌曲列表有沒有比「看」歌曲列表方便，但蘋果可能是真的想把所有的東西都簡化到只有一個按鈕吧！？

另外，上面的圖是否應該唸作：「輕小愛說」？！

DELL筆記型電腦 - Adamo 13

2009-03-17T15:29:00.003+08:00

癮科技的一篇「Dell Adamo 大軍來襲！」文章提到了Dell(戴爾電腦)新的「Adamo 13」十三吋筆記型電腦，這台電腦的造型設計非常的簡約，線條也很美！中間嵌上Dell標誌的橫線把筆電上的面板一分為二，底下的金屬紋路很有質感！筆電的側面也很平順，沒有多餘的東西！也讓我聯想到Apple MacBook Pro的造型，其簡約的設計，讓Dell Adamo 13一整個看起來就很貴氣！以身為Windows系統的使用者來看，這台筆電的造型設計真的是極品！完全不輸Sony VAIO！

加速啟動FireFox瀏覽器

2009-03-17T14:18:00.003+08:00

你可能常常覺得在啟動FireFox瀏覽器的時候，通常都會比其它的瀏覽器開啟的時間要來得更久！像Safari、Chrome開啟的速度就很快(Chrome大概是我看過最快的吧…基本上一開啟Chrome就打開視窗了，非常快速！)，甚至IE8也開得比FireFox快！為何FireFox卻總是遲遲不肯現身！？

讓FireFox久久才開啟瀏覽器視窗的原因通常是「自動更新」。FireFox預設就會自動更新各種不同項目；只要開啟FireFox，它就會先上網尋找已安裝的套件等項目是否有更新可用，造成開啟的時間變很長！

其實只要把FireFox更新的項目取消掉，FireFox就不會花費額外的時間做元件更新的動作，達成加速開啟FireFox視窗的目的！Mac使用者開啟在主要功具列中的「Firefox > 偏好設定 > 進階 > 更新 > 自動檢查是否有更新」，將其中的更新項目全部取消即可！如下圖：

PC的使用者，則是到「工具 > 選項 > 進階 > 更新 > 自動檢查是否有更新」取消所有的更新項目。

FireFox更新至3.1 Beta 3

2009-03-17T13:52:00.003+08:00

Firefox 3.1已經更新到Beta 3版了！目前這個版本支援64個國家的語言，強化了各種不同的功能，包括：新的隱私瀏覽模式、更有效率而且穩定的TraceMonkey Javascript引擎、支援原生的JSON、更快速的顯示出網頁內容、支援更新的網頁技術(如video、audio標籤，Javascript查詢選擇器，相容CSS 2.1與CSS 3，…)、…等，Mozilla Developer Center有提供更多的相關訊息。

當Beta 4版本釋出後，FireFox就會從3.1直接變成FireFox 3.5版。

Adobe Photoshop Lightroom Killer Tips

2009-03-17T01:06:00.003+08:00

Adobe Photoshop Lightroom Killer Tips的作者是Matt Kloskowski，每星期介紹一些很酷的Lightroom教學與密訣、小技巧！此外，Matt也常在Photoshop User TV主持，並發佈自己的Podcast(個人廣播)影片，內容當然也都是介紹如何使用Lightroom的一些實用小技巧！因為看到他對Lightroom的熱誠，讓我特別喜歡用Lightroom來處理大量的照片。

12個精選免費PowerPoint Template下載站

2009-03-17T00:18:00.004+08:00

之前我大嫂曾問過一些關於PowerPoint素材的問題，但是我很少在弄PowerPoint的東西，所以能提供她使用的素材並不多。今天無意間發現Jan's Tech Blog提供了「12個精選免費PowerPoint Template下載站」，雖然是2007年十一月的文章了，但仍舊是個可參考的資源啦！

Adobe Photoshop Lightroom 常用快速鍵

2009-03-16T21:23:00.005+08:00

Adobe Photoshop Lightroom預設了許多有用的快速鍵，如果能熟記這些快速鍵的話，可以有效增加處理照片的效率！底下是幾個我比較常用、也覺得滿不錯用的快速鍵…

面版快速鍵：

F：切換螢幕顯示模式(screen mode/Fullscreen)；
Shift+Tab：顯示或隱藏上(F5)、下(F6)、左(F7)、右(F8)的工具面版區(Panel)；
Tab：顯示或隱藏左(F7)、右(F8)的工具面版；
G：切換至library Grid(圖庫的網格瀏覽模式)；
E：切換至library loupE(圖庫的大圖瀏覽模式)；
D：切換至Develop(進階編修)的大圖瀏覽模式；
T：顯示或隱藏Toolbar(快速工具列)。

選取照片快速鍵：

Command(PC:Ctrl)+A：選擇所有(All)照片；
Command(PC:Ctrl)+D：不選擇(Deselect)任何照片；
向右鍵：選擇下一張照片；
向左鍵：選擇上一張照片；
Delete：刪除照片(Delete)或移除照片(remove)
Command(PC:Ctrl)+R：在檔案夾中顯示選定的照片位置(Refer to)。

檢視快速鍵：

L：切換光源；
Command(PC:Ctrl)+=：將照片放大顯示(zoom in)；
Command(PC:Ctrl)+-：將照片縮小顯示(zoom out)；
Z或空白鍵：切換照片的放大或縮小顯示(Zoom)；
C：切換至Compare view(圖庫的比較照片模式)；
V：切換照片為黑白或彩色；
I：切換顯示照片上的相關資訊(Info)。

評分快速鍵：

數字1~5：為選定照片評分一至五顆星；
數字6~0：為選定照片加上彩色標籤；
Shift+數字1~5：評分後顯示下一張照片；
P：將照片插上旗子(flagged/Picked)；
X：將照片插上「不要的(rejected/eXclude)」旗子；
U：把插上照片的旗子拔掉(Unflagged)。

編修快速鍵：

R：切換裁切照片功能(cRop photo)；
N：切換污點修復工具(spot removal/Noise)；
K：切換調整筆刷工具(adjustment brush)；
[：縮小筆刷尺寸；
]：放大筆刷尺寸；
M：切換漸層工具(graduated filter)；
W：切換設定白平衡(White balance)。

Library(圖庫瀏覽)模式專用的快速鍵：

/：取消選擇目前選擇的照片；
\：顯示或隱藏library filter(圖庫篩選器)。

Develop(進階編修)模式專用的快速鍵：

\：切換編修前與編修後(before&after)的樣子；
control+Y：切換顯示編修前與編修後的左右分割視窗；
option(PC:Alt)+Y：切換顯示編修前與編修後的上下分割視窗；
Y：切換顯示分割的編修前與編修後的畫面。

Library Filter 圖庫篩選器

2009-03-16T19:20:00.004+08:00

為什麼Adobe Photoshop Lightroom在Library(圖庫)的Grid View(網格瀏覽)模式有「兩個」篩選(Filter)功能？如果你有仔細注意的話，原本Lightroom在圖庫的網格模式下就已經有一個篩選器可以篩選照片了，為什麼在那些網格照片上方還要多一個Library Filter(圖庫篩選器)？

原本Lightroom的簡易篩選提供了「旗誌」、「分數」、「色彩標籤」這三個篩選功能，雖然方便使用，但似乎還不夠完整、強大！於是，新的Lightroom便加上了更完整的篩選功能：「Library Filter(圖庫篩選器)」。

功能強大的「圖庫篩選器」包含了幾個主要的功能篩選：Text(文字篩選)、Attribute(屬性篩選)、Metadata(後設資料篩選)、None(無篩選)：

Text(文字篩選)：顧名思義，主要是篩選包含指定文字、不包含指定文字、以指定文字開始或結束的照片。可被用來搜尋的文字欄位也很廣泛，包括所有可搜尋的欄位(Any Searchable Field)，或是檔案名稱(File Name, Copy Name)、標題或關鍵字名稱(Title, Caption, Keywords)、後設資料(Metadata, IPTC, EXIF)，甚至外掛程式(Plug-in Field)…
Attribute(屬性篩選)：這個部份和原本的簡易篩選器很像，但它多了「正本」或「副本(Virtual Copy)」的篩選功能。
Metadata(後設資料篩選)：篩選後設資料(Metadata)的各個欄位中的資料。這部份可篩選的資料就非常多了，一次最多可以篩選四組欄位，包括：拍照日期(Date)、檔案類型(File Type)、關鍵字(Keywords)、色彩標籤(Label)、拍照使用的相機(Camera)、相機序號(Camera Serial Number)、鏡頭(Lens)、是否使用閃光燈(Flash State)、快門速度(Shutter Speed)、光圈大小(Aperture)、感光度(ISO Speed)，甚至於GPS的定位資料(GPS Data)也可以被拿來篩選！不止如此，還有：地點(Location, City, State/Province, Country)、版權資訊(Creator, Copyright State, Job)、裁切比例(Aspect Ratio)、彩色或黑白照片(Treatment)、套用儲存的預設模組(Develop Preset)，以及不篩選(None)。
None(無篩選)：不要篩選任何資料的照片。

有了這幾個篩選的功能，我想，幾乎沒有篩選不出的照片了吧！當然前提是…你要事先做好照片的整理，才能有效利用這個強大的篩選功能！

如果你不想使用Library Filter(圖庫篩選器)，而且覺得它佔據了你的螢幕空間，它也有預設的快速鍵可使用：" \ "(Slash, 斜線)鍵，讓你可以顯示或隱藏這個功能。

Adobe Photoshop CS4 筆刷熱鍵

2009-03-16T17:01:00.005+08:00

如果你有使用Adobe Photoshop的筆刷功能，想調整筆刷的大小，在「選擇筆刷工具」以及「指定作用圖層」(要畫上筆刷的圖層)之後，有兩個快速調整筆刷的方法可以使用：第一個是我比較常用的方法，就是直接用「中括號( [、] )」調整筆刷大小，左邊中括號("[")會把筆刷變細，右邊中括號("]")會把筆刷變粗；這功能的好處是可以立即看見筆刷大小的變化！雖然可以使用組合鍵：「Shift鍵」+「中括號([, ])」，來調筆刷的整軟硬邊緣，但只能透過浮動的選項列來看到筆刷是軟邊或硬邊。

另一個方法是直接在繪畫區域按下右鍵，接著就會出現筆刷視窗，讓你調整筆刷的粗細、軟硬，或者其它筆刷樣式。

假如你有安裝Adobe Photoshop CS4，那麼你就會多了新的筆刷熱鍵！在繪畫區域裡，按下滑鼠熱鍵：「control+option+滑鼠左鍵」不放，你會發現筆刷變成紅色，並且周圍加上筆刷形狀的路徑外框，其大小即目前筆刷的粗細大小；此時不可放開任何一鍵，將滑鼠向左移動可將筆刷變得更粗；反之，向右移動即可將筆刷變細！調整至想要的粗細之後，放開這些滑鼠熱鍵即完成筆刷大小的調整。

除了粗細大小的調整之外，筆刷邊緣的軟硬程度一樣也有滑鼠熱鍵：按住「control+option+command+滑鼠左鍵」不放，將滑鼠向左移動可將筆刷邊緣羽化或軟化；此時若將滑鼠向右移動，則會讓筆刷邊緣變硬！

deviantART

2009-03-16T15:18:00.004+08:00

deviantART是一個藝術家的網路社群，這些藝術家包括了數位藝術(Digital)、刺青藝術(skin)、傳統藝術(traditional)、桌布與圖像(themes, wallpaper)、攝影(photography)、印刷(prints)、詩與散文(poetry, prose)…等領域，他們都把自己貢獻給藝術！所以假使你想要找尋一些設計的靈感，這網站肯定可以給你不少idea！

雖然deviantART在2000年四月就已經成立；言下之意，這並不是一個全新的網站；然而，也因為如此，更累積了將近九年的各式藝術作品，以及網友的不斷支持！所以網站內的作品可說是充滿了各種不同創意與想法！而且個個都是非常的優秀、精彩！你甚至也可直接購買喜愛的作品！

讓Dreamweaver編寫精簡的CSS語法！

2009-03-11T22:28:00.004+08:00

如果你覺得Adobe Dreamweaver編寫的CSS語法太累贅，很可能是因為你沒把預設「Use shorthand for(使用速記法)」的空白核取項目改成「全部核取」！只要到Dreamweaver的Preferences(參數設定)裡，將CSS Styles類別的Use shorthand for欄位所列出的項目一一勾選與核取，按下「OK」！之後Dreamweaver便會自動使用最精簡的CSS語法，盡可能把CSS語法合併在一起，以減少網頁中不必要的程式碼！簡易操作如下：

當然，讓Dreamweaver使用精簡CSS語法的前提是：你至少要對CSS語法有基本的了解與認識！否則你會看不懂這些CSS到底在寫什麼東西！？

用Fireworks替照片減肥！

2009-03-11T21:39:00.004+08:00

雖然Adobe Photoshop可以很快速、很方便的將照片輸出成網頁需要的圖片，但Adobe Fireworks也可以做出類似的效果，而且甚至比Photoshop還要讓你開心！畢竟Fireworks是完全針對網頁製作的需求所設計的軟體，同樣都是把JPG壓縮比設成60%，Fireworks輸出的照片竟然可以比Photoshop少了將近40%的檔案大小！真的是很不可思議！

幫Photoshop輸出圖片減肥的小技巧！

2009-03-11T20:49:00.003+08:00

許多人都知道網路上的常用圖片格式有JPG、GIF，以及PNG；也知道上傳照片的檔案格式應該要用JPG而不是GIF；當然也知道Adobe Photoshop在「Save For Web & Devices...(儲存為網頁與裝置)」的選項中，JPG有很多壓縮選項：Low(低)、Medium(中等)、High(高)、Very High(非常高)、Maximum(最高)。所以當我們把壓縮比設為「Medium(中等)」的時候檔案大小會變得比原來小一些！品質卻也跟著一起下降了！因為，壓縮得愈厲害、品質就愈差！有沒有辦法將照片在不影響品質的前提下，把檔案變更小呢？

答案是「有」！但你可能不知道有這招：「調整Blur(模糊)值」！

這個Blur不是濾鏡特效的Blur，而是當你在Adobe Photoshop使用「File(檔案)」>「Save For Web & Devices...(儲存為網頁與裝置；快速鍵(Mac/PC)：Option+Command+Shift+S/Ctrl+Alt+Shift+S)」開啟對話視窗，畫面右上方眾多選項的一個"Blur"(模糊)！它的數值其實是可以調整的，只是我們平常不會調整這個數值！

若把這個Blur值調高一點點，例如0.25，也許你會發現照片並沒有明顯變得模糊，可是檔案卻能縮小到近一成(10%)！這個技巧在照片就需要再小那麼一點點的情況之下顯得特別好用！

以下是簡易的操作畫面：

HyperMemory? TurboCache?

2009-03-11T13:01:00.003+08:00

最近在看筆電的規格，因為公司打算幫我買過新的筆記型電腦：ASUS M51Va或ACER Aspire 4935G。Asus的ATI H3650顯示卡有1024MB的實體記憶體，後面括號寫著：HM 2815MB；這…什麼是「HM 2815MB」？Acer的NVIDIA GeForce 9300M GS with up to 2047 MB of Turbo Cache；什麼又是「TurboCache」？

原來，「HM 2815MB」指的是HyperMemory最高可達2815MB；HyperMemory是ATI的一種獨家技術，可針對系統內的記憶體做分配，把部份系統主記憶體挪過來當顯示卡資源運作，使用完畢後即把資源還給系統，是一種動態分享的記憶體資源；「HM 2815MB」的意思是這個HyperMemory可以運用主記憶體的大小最多可達2815MB！當然，使用記憶體來運作的速度要比硬碟快多了！而「TurboCache」是NVIDIA的另一種獨家技術，它的原理基本上和HyperMemory比起來可說是大同小異…

如果想知道更多的資訊，除了維基百科(Wikipedia)有針對HyperMemory與TurboCache做一些簡易的說明之外，「谁更强？TurboCache VS HyperMemory」這篇文章也有詳細的說明。

Smart Collections (智慧型相簿)

2009-03-10T19:57:00.011+08:00

2.0版以後的Adobe Photoshop Lightroom在Library模式新增了"Smart Collection"(翻作「智慧型相簿」應該不比「智慧型群組」差…)的功能；和之前的Quick Collection(翻作…快速群組？！)不同的是，Quick Collection是你手動加入，但智慧型相簿(Smart Collection)則是「自動加入」！而且你可以設定「為數眾多」而且「與眾不同」的智慧型相簿！

為什麼說智慧型相簿是個非常好用的功能呢？因為你可以設定數個不同的條件，只要符合「這些條件」的照片都會「自動」加進智慧型相簿裡！而且不會額外增加檔案儲存的空間！這不就是一種「智慧型」的功能嗎！？只要善用這個功能，以後你就會發現這些智慧型相簿(Smart Collection)存放的才是你「自動」精挑細選過的各式照片！So sweet !

底下是Photoshop Lightroom在Library模式的智慧型相簿(Smart Collection)簡易教學：

在部落格中快速「找到」想要的資訊

2009-03-10T19:05:00.004+08:00

可能有些人並不知道，原來Google的部落格Blogger就內建了「快速搜尋部落格文章」的功能！只要你看到部落格有像「上面圖片」的樣子，就可以直接在「空白欄位」內輸入想找尋的關鍵字，再按下「搜尋網誌」，找到你想要的文章列表！是個方便而快速的小功能！

在我的網誌中，如果你也想用這功能來搜尋文章的話，在搜尋後所列出的頁面裡，可能只會找到「標題」文章連結的搜尋結果；若想看到更多訊息，例如「文章摘要」，你要在「完整 | 摘要 | 標題」中點選「摘要」，才會列出標題與摘要內容；當然你點選「完整」的話，就會在搜尋結果中將網誌內的文章完整顯示出來，看個人喜好囉！

UNIQLOCK - 音樂．舞蹈．時鐘

2009-03-10T13:40:00.002+08:00

UNIQLOCK是個很有趣的「時鐘」網站。進入網站後，會看到幾個穿著Uniqlo衣服的女生不斷地在跳舞，並用數字來穿插目前的時間；雖然這些女生看似面無表情，但動作卻都很有趣！舒服的色彩與全螢幕的播放畫面，忍不住讓人想待在螢幕面把她們跳的舞全都欣賞一遍！

Lightbox Likes (類光箱)

2009-03-10T00:37:00.004+08:00

Ligthbox一是款非常簡潔有力的網頁程式語法，雖然已經發表很久了，但使用它在網頁上直接表現影像的網站還真不少！因為只需在標頭(Header)加幾個Javascript、CSS檔，就可以輕鬆的享受Lightbox帶來的各種功能！可說是功能簡單卻又非常強大！("Huddletogether.com Forums"有一些其它的Lightbox討論。)

"Lytebox"則是一款修改過的Lightbox，想子和原來的Lightbox滿像的…但多了自動播放(Slideshow)功能並支援iFrame。

另外，Lightview也是一款類似的Lightbox，不過它的使用版權可是要收費的！看起來似乎要複雜了一些，但還是有人寫了一篇「Lightview介紹」可以參考一下！

世界上最理想的工作

2009-03-09T23:49:00.004+08:00

最近有一份工作滿紅的，也算是常上電視的一份工作，它叫做「世界上最理想的工作」！這是昆士蘭旅遊局真實的職位，也是替昆士蘭旅遊局宣傳大堡礁島嶼的一個活動：只要工作半年就可拿到15萬澳幣(約330萬台幣)的薪水，薪水可說是高的嚇人！從原來3萬名的申請者中，到現在第二輪的50名候選者，其中還有一位來自台灣的女性選手Clare Wang，真的不簡單！現在可說是目前最熱門的新「台灣之光」！剩下兩個星期的時間了，大家記得投她一票！讓我們一起為台灣加油！

這根本就不是麥當勞「勁辣雞腿堡」！

2009-03-09T15:14:00.005+08:00

今天中午買了最近電視上一直猛打廣告的麥當勞99元中午超值特餐：勁辣雞腿堡。因為許久沒買麥當勞，之前都覺得它的漢堡包得不怎麼好！這次想說再給麥當勞一個機會…沒想到一打開「勁辣雞腿堡」，看到它的樣子就讓我非常生氣！就像上面的漢堡照片一樣，只有「兩片麵包+美乃滋+碎生菜+雞腿肉」！漢堡的生菜除了被美乃滋黏住的不會掉下來之外，其它的生菜碎到一拿起來就掉滿地！感覺吃起來就只有兩片麵包夾一片雞腿肉，糟透了！！簡直是爛到不行！消費者為什麼花錢還要忍受吃這樣子的麥當勞漢堡！？難道麥當勞自己都不覺得這樣的漢堡很糟嗎？！或者麥當勞覺得這樣才是漢堡「真正的樣子」！？

Miro 2.0 - 看高畫質影片的新選擇！

2009-03-06T00:59:00.003+08:00

Youtube提供了非常大量的影片或短片可以讓我們輕鬆欣賞與觀看，但它的畫面品質卻不見得很好！所以網路上就出現了" Miro2.0 "，成為另一個高畫質影片(HD Video)的新選擇！它提供了超過六千個電視秀以及個人影音廣播(Podcast)；不但可以播放各式影片，最重要也最方便的是：讓你輕鬆下載並收藏你最愛的高畫質影片！(不像有很多網站，它們總是想盡辦法不讓你下載影片…)當然你也可以在裡面搜尋不同的關鍵字來找尋想欣賞的影片。

Miro支援PC以及Mac，更多的Miro螢幕截取畫面在這邊。不過…以我們廣大的「非英語」愛好者來說，這個介面確實不怎麼討喜！因為介面全都是英文的…！？

宋江陣？

2009-03-04T21:34:00.004+08:00

失業潮形成了現在社會許多新的現象。今天的新聞提到有些在南科失業的人，晚上會去廟裡一起跳「宋江陣」；以前都是中年人來跳，現在多了很多年輕人，因為即便跳宋江陣沒錢可領，但廟方每個月還是會補助一萬五千元的跌打損傷費用！以南部的低消費來看，也不無小補啦！而且運動強身又可發展地方文化！只不過，什麼是「宋江陣」？你知道什麼是「宋江陣」嗎？

宋江陣創於何時？成立於何地？答案是：「正史沒有記載。」

這可有趣了，既然東西都不知道怎麼來的，怎麼還會傳到現在呢？會有這種情形，可能的原因可真不少，因為宋江陣可能是以「水滸故事」為藍本，是一種民間的信仰現象，替天行道的思想具有反政府的色彩，所以官方文獻並沒有記載。另外，宋江陣與台灣地方的高甲戲供奉同一位祖師爺：田都元帥，高甲戲的戲子屬民間的「下九流」之一，與宋江陣為師兄弟，所以它的源流就被文史所忽略。此外，這些「宋江陣」的訓練與武館很有關係，所以常會引起打架械鬥！

宋江陣傳台的原因，可能是明末清初的漳泉地方人士，跟隨鄭成功等人來台所帶來的，屯墾於台灣南部，農閒時練拳健身，還可保衛鄉里，迎神賽會時會出陣護神並驅邪保安、團結鄉里，對外也算是彰顯武功吧！這也讓我聯想到最近的一部電影：葉問(Ip Man)，主角是「詠春拳」的高手，可說是武術大師呢！(雖然我也是因為這部片才知道有這一號大師的…)

關於「宋江陣」的詳細內容可以到這裡做進一步了解。

新iMac！新Mac Mini！新Mac Pro！

2009-03-04T00:31:00.004+08:00

Apple發佈了全新的產品：iMac、Mac Mini、Mac Pro。造型的部份，好像跟之前的樣子並沒有差異太大，至少比起MacBook來說是如此…不過，新的產品都是鋁、超薄、更環保…之類的，而且CPU仍然是Core 2 Duo，不是i7的…所以我還是覺得MacBook Pro比較棒！

Adobe Photoshop Lightroom 2.3更新正式發佈！

2009-03-03T20:27:00.005+08:00

沒想到Adobe Photoshop Lightroom 2.3RC才用沒多久，正式的更新版就發佈了！想試用的人可依作業系統( Windows或Mac )自行下載更新…不過，這版本似乎只有「英文版」，所以想用中文的人可能還得再等等，我看…還是先將就點用2.3RC中文版吧！

Photoshop Lightroom 2.0 中文版「開始販售」！

2009-03-03T10:25:00.005+08:00

PChome線上購物已經開始販售Adobe Photoshop Lightroom 2.0中文版了！雖然Photoshop Lightroom早已有2.3RC(Release Candidate,下一個釋出的候選版本)可供下載並試用安裝，而且也包含中文的語言介面在其中，但台灣這邊始終都沒賣中文版給「非英文愛好者」的專業攝影師使用，難道Adobe都不考慮龐大的中文使用者需求嗎？這答案我們並不知道…但沒關係，我們還是有DIY的方法可以安裝中文化套件，一樣有中文介面可以用！不過，直到今天，我才看到這則「真正」的Photoshop Ligthroom中文版的販售訊息！我認為Photoshop Lightroom真的是一套對專業攝影師而言，強而有力的照片「管理+修飾+展示+發佈」工具！提供給需要的人參考。

改用炫麗的Safari 4 Beta？還是繼續使用FireFox？

2009-03-03T00:03:00.007+08:00

Apple最近釋出新的測試版Safari(Safari 4 Beta)，癮科技「很快很強大！蘋果發表Safari 4 Beta版，跑 JavaScript 比 IE7 快30倍」以及Crave科技瘋「Apple Safari 4 beta版測試」等網站都有提到它，樣子看起來還滿不賴的！然而，雖然有些功能滿棒的，而且畫面很漂亮！但在我使用過後，還是覺得火狐(FireFox 3.1 Beta)比較好用！因為它早已包含Safari 4 Beta的某些新功能了！而且Safari 4 Beta甚至到現在都還沒有多重觸碰的三指往上、下推以顯示至網頁最上方或最下方的功能…

Safari 4 Beta像是一輛拉風的法拉利跑車，性能不但優異，造型也同樣引人注目！只不過，跑車就是跑車，就是少了很多生活中所期望附加的功能！有趣的是，火狐正擁有這些附加功能！就連很多人用到不想再用、也只能這樣用的IE瀏覽器，也只能期待有人可以像火狐一樣開發出這麼多好用的附加元件(Add-ons)！…我想Google的Chrome瀏覽器也同樣有這樣的需求吧！呵呵…

Illustrator - Use Preview Bounds

2009-03-02T23:18:00.004+08:00

Adobe Illustrator在顯示選取的圖案時，在Transform(變形)視窗會顯示出圖案最外面邊框的大小以表示這個物件的實際尺寸大小；但若針對網頁要匯出圖片時，會發現其實這並不是我們實際圖片的大小…通常會少掉一些地方，這會很討厭！

要避免這種問題並不難，只要到Preference(參數設定)設定一下就好了：到Preferences(Mac快速鍵：Command+K) > General(一般設定)，將" Use Preview Bounds(使用預覽邊界) "的核取方塊打勾就解決這個問題了！此後即使你做了各種不同的特效，Illustrator都會把整個物件「顯示」的最外緣當成是真正物件的尺寸大小，而不僅止於向量的邊框線條而已。

敢飛！敢夢！

2009-02-27T18:29:00.003+08:00

飛行，是一件很了不起的事情！雖然我們很羨慕鳥兒能恣意地飛翔，但一直到萊特兄弟的努力，才讓人類有機會可以在天空飛行！即使到了現在，飛行一樣是件不容易的事情！至少到現在為止，我也只有「坐上飛機」而不是自己「開飛機」！

有時候人會害怕某些事情，因此做起事來綁手綁腳的；回想我們小時候，是否我們一直有很多夢想希望能實現，然而現在卻都認為那些是不可能實現的空想？是什麼原因讓我們再也不敢夢了？是現實？是時間？還是金錢？

當我們再也不敢去夢、去想的時候，也許我們就只是再平凡不過的人罷了。

終於跟上潮流了！

2009-02-26T17:11:00.003+08:00

每天都聽新聞在播報這類的消息，現在我終於跟上最新的時代潮流了…。