草監影像私人頻道

[HTML5]讓比IE9的IE瀏覽器支援HTML5 - html5shiv

2012-01-22T11:40:00.002+08:00

HTML5已經推出一段時間，雖然還有部分尚未完備，但是也推出了許多酷炫的新功能可以使用，但是許多網頁設計師或程式設計師會礙於比IE9老的IE瀏覽器無法支援，所以遲遲不敢使用，甚至因此還為踏上學習的路程，為了推廣HTML5，讓網頁設計師與程式設計師可以立馬開始學習並使用，所以國外許多先進設計師已經共同研發一個簡單易用的方式，就是將所有比IE9老的IE瀏覽器所欠缺的標籤，用javascript的方式自行補上，雖然無法達到百分之百的HTML5支援，但其實已經有非常多的功能可以透過此種方式運作在比IE9老的IE瀏覽器上，如果你因為大眾IE瀏覽器無法支援，所以還沒接觸HTML5，現在看了這篇文章，你覺得你還有理由不去學習嗎？

使用方式非常簡單，你只需在</head>前貼上下面這段Code即可：


<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

是不是簡單到爆點了？由於採取外部連結，所以只要有更新就會自動更換，不需要擔心javascript內容新舊的問題，而且放置在Googlecode上，穩定度自然不需擔憂太多，是不是覺得比想象中簡單很多？

這個可以讓比IE9老的IE瀏覽器支援Html5標簽的js名為html5shiv，事實上還有另外一隻js名為html5shim，html5shiv與html5shim差別在哪裡呢？根據html5shiv頁面說明來看，答案是沒有差別的！如果你慣用的瀏覽器還是IE，也因為該版本不支援HTML5，現在你可以使用html5shiv來補足瀏覽器不足之處，趕快踏上HTML5的學習路途吧！

[免費]本週免費App 遊戲軟體下載看這裡

2012-01-21T15:41:00.004+08:00

上個月、這個月充滿了許許多多出國的行程，看了很多草原、農田，也看了很多沙灘，一整年過去了，今年又要開始充滿活力的繼續寫文章、回留言、認真學習、用心分享，雖然現在是農曆過年，但是國外似乎沒有這個氣氛，在App部分也沒有像國外過年那樣熱鬧，不過還是還有一些不錯的App可以下載，如果新年太無聊不妨玩一些App殺殺時間，也不錯的選擇噢！

Mole Kart 摩卡卡丁車

Mole Kart跟跑跑卡丁車是一樣的玩法，擁有七種地圖與六種道具，跑道上還會有許多奇奇怪怪的障礙物需要閃避，比方說牛群、超大蜘蛛等等，撞到都會讓你往後彈喔！
App特快車：Mole Kart 摩卡卡丁車

iBooks

iBooks是Apple最近更新的App，之前發佈iBooks之後基本上應該沒有很多人在上面買書看書，雖然可以把PDF丟進去iBooks觀看，但是就是少了一種味道，而且用iphone或ipof touch看也太少了，所以整個不知道怎樣才可以舒適的看書，現在Apple又推出iBooks Author，讓想寫書的人有一個方便快速的編寫工具，而且裡面充滿很多Widget，你可以輕鬆做出互動書籍，讓你不想用iBooks都難！
App特快車：iBooks

iTunes U

如果說你在iBooks才發覺到Apple想改變教育方式的決心，那我只能說你太忽略iTunes這個Apple辛苦經營十幾年的平台了，iTunes U早在六七年前就出現在iTunes store中，當時的麻省理工學院也展開了開放課程企劃，就在這時候Apple已經開始想改變教育方式了，於是你在iTunes store中的iTunes U可以找到許多知名學校的開放課程，誰說想上知名學校課程一定要出國留學？只要你英文不差，你早就可以上片名校課程，現在Apple把這個東西放到了你手中，你還有理由不去認真學習的嗎？
App特快車：iTunes U

Order Up!! To Go

如果你很喜歡快刀切斷食物、煎煮炒炸的滋味，那這款遊戲應該非常適合你，你必須非常專注認真的注意每個食材，不可以煮過久、切太薄太厚等等，雖然跟真實做菜有差，但是多少還是滿足一下心裡想做菜的慾望噢！
App特快車：Order Up!! To Go

SqueezeBastard

一天早上小女孩在信箱裡收到一封信，沒想到居然有怪物綁架了小女孩的寵物並要求小女孩付贖金，可惜小女孩身上並沒有這麼多錢，所以只好前往拯救自己寶貝的寵物，整體來說故事很像小紅帽與大野狼，遊戲方式也非常特別，需要推彩色方塊去消滅怪物，小女孩的寵物是否可以平安回來，就靠你囉！
App特快車：SqueezeBastard

Outlook Mail Access

相信許多人還是習慣使用Outlook收信，現在Outlook也可以出現在iphone上了，如果你一直希望可以在iphone上使用Outlook，那就不需要再等待了！
App特快車：Outlook Mail Access

[新聞]2012台北國際電玩展在哪裡？

2012-01-20T09:49:00.000+08:00

2012台北國際電玩展今年在哪裡？2012台北國際電玩展將於2012年2月2日(六)到2月6日(一)，於台北南港展覽館熱烈舉辦，可上博樂來售票或全家FamiPort購買門票，官方部落格在此，以下是今年的宣傳影片與宣傳海報：

[免費]本週免費App 遊戲軟體下載看這裡

2011-12-04T14:40:00.001+08:00

大家好阿，生病了一個多禮拜還沒全好，依然還在康復中，下週即將出發到國外休息一下，所以這週如果還沒發一下本週App遊戲軟體下載，那還真覺得很對不起那些一直來看的網友，所以今天抱病上場一下，今天這段前言是以前所沒有的，為什麼今天會突然冒出來？那就是我想告訴大家，知名的小遊戲開發商popcap 爆米花已經被知名的EA所收購，popcap推出的小遊戲有寶石方塊123、ZUMA祖碼系列、植物大戰殭屍等眾多知名遊戲，相信之後會推出更多更棒的遊戲給大家！請大家替popcap掌聲鼓勵鼓勵。接下來是依然也要快狠準的推薦App給大家！

The Sims™ Medieval 模擬人生中世紀 (遊戲推薦下載)

是的，咱們模擬系列國際大廠EA又推出了模擬人生新版本-中世紀，內容除了大家都知道的創建人物、釣魚買賣等以外，這款中世紀還有拔劍對戰的場面喔，可以說是非常的有中世紀風格，喜歡模擬人生的朋友千萬千萬不要漏掉這款喔！
App特快車：The Sims™ Medieval 模擬人生中世紀

StopMotion Recorder (軟體推薦下載)

大家都知道動畫基本上是一秒跑24格左右的影格，由一張一張的圖像串連起來最後壓縮成影片所產出的結果，這款StopMotion Recorder就是這樣的一個軟體，他可以幫你拍攝照片並且串接成影片，任何奇幻影片全部都只要你手上的這臺iphone或ipod touch就可以搞定，怎樣？很酷吧！
App特快車：StopMotion Recorder

SHIFT 2 Unleashed極品飛車變速2 (遊戲推薦下載)

沒錯，又是EA的大作，不過這次是賽車類型，據說原定今年上市的PC板已經延後到2012年去了，既然如此，先玩一下iphone或ipod touch上的版本過一下乾癮也是不錯的選擇。
App特快車：SHIFT 2 Unleashed

Cavorite

博士Cavorite發明了一個神奇物質讓博士可以飛向外太空，沒想到卻因此被外星人綁架，博士可以安然回來到地球嗎？這就考驗著玩家的智慧了。
App特快車：Cavorite

Waves: Survivor海上求生者

海上求生者有點像荒島求生過後的難民坐著船筏出海，一邊收集金幣一邊閃避各種奇怪的障礙，你能安全到達目的嗎？
App特快車：Waves: Survivor

[CSS]7招變出高效能、好維護的CSS

2011-11-15T21:26:00.001+08:00

一直以來對CSS的撰寫都有一種偏執狂的行為，總會標上自己的名字，弄好目錄，然後分門別類，目的是為了之後的維護可以更加便利，經過了一段時間之後，我開始發現這樣的寫法對於小型專案要求的快狠準有點不切實際，於是漸漸地我又出現了寫在行內的樣式，雖然知道這樣之後管理上非常不便利，但對於小型專案需要速戰速決，在微調與瀏覽器相容性的Hack，會比分離式管理還要快狠準，不過如果之後需要維護，那就無法獨立管理，會讓維護產生困難，所以現在只要有專案到了我的手上，我就會開始判斷這樣的網站是要快狠準、維護機率很低，還是說之後需要維護，必須完全獨立開來才可以讓日後的維護不至於太過辛苦。那到底要怎樣做才可以達到“高效能的CSS、維護性高的CSS、有組織的CSS、Hack簡便好維護的CSS”？萬事起頭難，先從最簡單的開始學，所以本篇就單單以自己純手工打造CSS檔的角度來看高效能、好維護的方式。

第一步就是不要在使用行內樣式與內嵌樣式，必須把樣式表獨立分支出來儲存成CSS檔案。所謂的行內樣式就是指直接撰寫在HTML tag標籤裡的CSS，如下：


<br style="clear:both"/>

至於內籤樣式就是寫在同一夜的</head>之上，如下：


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>this is demo from Nowill</title>

<style type="text/css">

body{

color:#666666;}

</style>

</head>

那要怎樣把CSS獨立成CSS檔，然後引入到頁面？一般來說外部的CSS檔就是“檔名.css”，寫法與內嵌樣式差不多，但是不需要前後宣告style，至於引入文件的方式件事採用link的方式，另外一個@import css的方法，則在CSS2.1之後才有，所以一般來說對於CSS檔的引入還是會建議採用link比較可以相容舊版瀏覽器。

第二步減少重複定義，使用繼承概念讓CSS更有效率。CSS的繼承概念其實非常簡單易懂，這樣避免重復定義許多一樣的樣式，但是卻有可以在各別指定，跳出繼承樣式，所以不用擔心“如果全部指定了一個樣式之後如果有特例怎麼辦？”這樣的問題，一般常見的繼承樣式大概是像下面的例子：

一般指定字體大小


p{ font-size:12px;}
div{ font-size:12px;}

如果全站都固定大小只需要指定body字體大小，其餘在body內的HTML tag都會繼承body字體大小樣式


body{font-size:12px;}

第三步加乘效應方便維護，一樣的東西一起宣告就可以了。這步驟看起來很模糊，其實很簡單，舉個例子：

h1,h2,h3,h4,h5,h6{color:#369;}

這樣做的好處是日後要維護你只要修改一個地方就好了，對於維護上會非常的方便。

第四步簡化CSS，輸入快速易上手。CSS除了繼承與加乘還有一個就是簡化，有許多的樣式其實都可以一行搞定，比方說margin與padding就是常見的例子：


p{

padding-top:5px;

padding-right:5px;

padding-bottom:5px;

padding-left:5px;}



--------簡化後--------



p{padding:5px}

第五步除非不得已，否則不要隨便使用!important。使用!important可以在特定期況下將樣式權重提高，雖然在某些情況下是很好使用的方法，但是對於後續維護卻容易造成誤解，而且很容易發生在他處修改本地卻死也不動的情況，在這樣的情況下你就非常難去修改樣式，最後的結果就是會冒出一堆!important，但是其實卻不是真的這麼important！


p{

padding:10px !important;  //難以維護

}

--------可採用下列方式--------

#content p{

padding:5px;

}

第六步加上容易看得懂得註解方式。在這裡提供我平常在使用的空白CSS檔案，這樣的內樣對於中小型網站來說應該很夠用，上頭有用註解方式書寫的目錄，並且分章節標示，在ID與Class的命名上務必語意化，不止要自己看的懂還要讓其他人看得懂，這樣的結構讓不管過了多久都可以快速進入狀況。但是對於大型網站來說把CSS拆開分成不同類型，就必須要有一分主要的CSS檔去記錄拆開分散出去的CSS檔名是對對應頁面哪個區域的，在這樣的情況下目錄書寫就會變得非常非常重要，有跡可循的結果就是方便日後維護或新增可以更快進入狀況。

第七步該死的瀏覽器相容性，到底該使用Hack或條件式註解？極度建議使用條件式註解會讓CSS讀取時更加便利。目前我都會將這些“特例”收集在同一份CSS檔中，另外作條件式註解匯入，所以當該瀏覽器不需要使用這些“特例”時，網友端下載網站的速度就會快那麼一點點，雖然只有一點點，但是在分秒必爭的網路世界，相信累積起來的時間是非常大的，當然也會有些人說如果直接寫在同一區塊日後維護會上比較快，但是對於那些用不到hack的瀏覽器勢必會讀取到許多額外資訊，對於出生日期更晚的瀏覽器來說無形中就變成了一種負擔，再來是日後如果要抽離某些特定版本，就不用在一行一行慢慢刪或者獨立拉出來，你只需要刪掉兩、三行左右的Code就可以辦到了。


<!--[if IE]>只有IE才看得到<![endif]-->

  <!--[if IE 6]>只有IE6才看得到<![endif]-->
  

  <!--[if lt IE 7]>只有比IE7舊才看得到<![endif]-->
  

  <!--[if gte IE 8]>只有IE8以上才看得到<![endif]-->
  

<!--[if !IE]>不是IE才看得到<![endif]-->

<!--[if !(IE 6)]>除了IE6以外才能看<![endif]-->

<!--[if (gte IE 6)&(lt IE 8)]>Ie6以後到IE8才看得到<![endif]-->

<!--[if (IE 7)|(IE 6)]>只有IE7或IE6才看得到<![endif]-->

以上這些方式都是我這些年累積起來的心得感想，當然就如同我一開始說的，如果今天只是需要一小部份CSS並且需要快狠準，那的確是不需要用到全部的7招，但是對於一般網站製作的過程來說，這7招可以確實改善CSS混亂不得維護的情況。如果你還在剛學CSS，相信這篇文章對你的一定有幫助，對於那些CSS老手，也歡迎給予指正或分享屬於你的經驗，彼此交流才會更進步。

[免費]本週免費App 遊戲軟體下載看這裡

2011-10-10T14:13:00.002+08:00

Cowboy Tappi - Tappi Bear (遊戲推薦下載)

這隻小熊在App store已經是非常知名的人物了，系列作品非常多，多到可以出合集，而且每款遊戲都很簡單上手也都很好玩，如果你的iPhone或iPod Touch裡還沒有一隻，那真的要趕快來下載一下，遊戲方法很簡單，玩家扮演小熊警長，任務是把所有的甜點全部轟掉，只要沒轟到或轟到炸彈，你就會扣一顆愛心，一場只有三顆愛心，所以你只要錯誤三次，那就Game Over啦！

App store 特快車 : Cowboy Tappi - Tappi Bear

AcePlayer (軟體推薦下載)

如果你一直有很多謎之片無法在你的iPhone或iPod Touch上播放，那現在這款AcePlayer就會是你的一線曙光，你可以透過FTP或網址等方式將謎之片傳到你的iPhone或iPod Touch上，然後就可以用AcePlayer播放，AcePlayer還有播放列表可以設計，整體來說還算不錯，支援的影片格式有WMV, AVI, MKV, RMVB, RM, XVID, MP4, 3GP, MPG等，另外音樂格式也支援MP3, WMA, RM, ACC, OGG, APE, FLAC,FLV等，光看這些格式就會知道AcePlayer已經足夠播放很多謎之片檔案格式了，而且AcePlayer內建多國語言，選項都是繁體中文，這樣應該不會有因為看不懂而不知道怎麼用的窘境了吧！

App store 特快車 : AcePlayer

Castles Conqueror (遊戲推薦下載)

這款遊戲的故事背景非常有史詩情節的氣氛，那就是你的國家被敵軍入侵，你必須帶領士兵奮勇殺敵，保衛你的國家，遊戲方式看似簡單，卻需要過人的模略才可以戰戰贏得輕鬆，不然一個不小心或下錯指令，就很容易陷入苦戰，遊戲方式很簡單，玩家扮演紅軍，要擊退藍軍，每個點都會有所謂的空城，你可以選擇佔領或不佔領，城堡上方的數字即代表那座城中有多少士兵，每次出兵一團都已5人為限，不過城堡士兵少於五人則出團數當然就會不足5人，每座城堡都必須有士兵留守不然很容易被藍軍攻下，遊戲的目標很簡單，剷除全部藍軍，我稍微完了一下，心得大概就是必須在第一時間內佔領空城，不然時間越久越難佔領，然後是攻擊敵軍採用圍攻會比較容易快速攻下，但是也要小心藍軍如果不斷圍攻同一座城，那就必須一直往那座城補給士兵，在那樣的情況下如何分配攻守的比例，就考驗玩家的智慧了！

App store 特快車 : Castles Conqueror

[心得]超速習法 (下) - 複習與筆記這件事1

2011-10-06T22:53:00.003+08:00

隔了這麼久終於又寫了這篇，一方面是真的剛好比較忙，另外一方面是希望自己可以再沈澱一下，所以我花了一點時間在思考這個系列文章對於我，以及對於大家的意義，是不是跟我當初期望的一樣，更重要的事，在先前這樣半套的功夫隔了這麼久，可以讓大家稍微回想一下，自己還記得多少之前寫在筆記上的東西，給自己五分鐘，先從自己挑了哪本書，書名是什麼？關鍵字有哪些？內容大概是什麼？我想學到的是什麼？我有設定哪些目的？好好的回想一下，如果還依稀記得，那我真的要說恭喜你，接下來的下篇一定可以加強你的記憶讓你記得更清楚、更清晰，如果你只能記得大概，那最後這半套，將會你邁入超速習法的最後黃金鑰匙！但是如過你完全都記不得，那正好驗證了遺忘曲線這件事，不要灰心，繼續往下看你就可以克服這個問題了。

在中篇第一章節我提到了遺忘曲線，如果學習完沒有復習，那學習到的東西就會像遺忘曲線一樣，只要一個月，你學習到的任何東西都會消失殆盡。就像我在第一篇文章提到的，當你過完一整天，不管是學習、閒聊或辦公，到了休息時間，大腦就會開始整理你一整天所有雜七雜八的記憶，開始在潛意識排列組合，接著在任性的刪除那些它覺得不重要的記憶，經過這樣的程序，只要一個月，你的學習就會化為烏有。當然如果你可以適時地告訴大腦“這些都很重要！不要刪除！”那最後就會被儲存在那個很多奏摺的大腦裡，那什麼時候才算適時？又要怎麼做才可以跟大腦說這些東西很重要呢？說穿了，就是在對的時間裡做複習這件事。

日本東京大學的池谷裕二副教授曾經出過一本書，裡面就是在說明大腦如何儲存一天的記憶，這些記憶都會被儲存在大腦中的海馬迴裡，而這些記憶最多只會在海馬迴裡儲存一個月，最後只有兩種結果，儲存或刪除。經過池谷副教授的探討研究後得出了一個結論，那就是最佳複習時機與複習方式。因為記憶每天都在消失，所以就算知道一個月後會消失殆盡，也不等於說在一個月裡複習一次就夠了，所以根據池谷裕二副教授的研究指出：必須複習四次才足夠：第一次複習在學習後隔天、第二次複習在學習後一週、第三次複習在學習後兩週、第四次複習在學習後一個月，這樣的時間可以讓你在一個月內都可以將記憶維持在接近理想值百分之百，而且經過一個月四次複習後，因為不斷接觸類似資訊，所以大腦就會下意識判斷這些東西是重要的，經過一個月後就會儲存在大腦裡，當然就可以避免掉被大腦任性刪除的危機。至於複習方式，池谷教授提出複習的方法是：大致瀏覽一遍，只重新閱讀或瀏覽重點，檢視定要看書籍目錄，並回想閱讀的內容與重點筆記，最好可以告訴別人書本的內容。你有沒有發現到筆記這件事，你已經準備好了？而且我不斷的要你回去查看你的筆記，並且要你再三確認這些內容，原因除了可以幫助你快速閱讀，也可以在最後復習的時候拍上用場，而且是絕佳的妙用！但是請記得這樣的筆記方法並不是唯一，卻是根本，雖然還有其他筆記方式，但是目前你所做的筆記已經足夠幫助你記憶，至於筆記與整理方式會在下篇文章說明。

李奧納多達文西曾說：「人的記憶力很不可靠，所以需要隨身帶一本筆記本，把看到的速寫下來。」，大師都曾這麼說，就可以見得筆記的重要性，但是不要以為寫了重點筆記也填妥了閱讀紀錄表就可以代表你的複習萬無一失，池谷副教授在複習方法最後有說到跟別人說書本的內容這件事，我要告訴你這件事非常重要！古羅馬哲學家塞內卡曾說「透過教導他人，能獲致最佳的學習效果。」，既然連古羅馬時代都有哲學家這樣說了，你會覺得跟別人提書本內容不重要嗎？為什麼一定要跟別人提書本內容呢？原因很簡單，因為當你學習並複習過後，你必須將你所學應用在其他地方，如果你無法透過自己的言語來表達書本的內容，那就是說，你還無法運用書本內的知識，那這些儲放在腦袋裡的東西也不能夠真正可以提升你的智慧，所以你必須嘗試著用自己的言語來表達，不一定真的是用口頭的方式，舉凡寫文章、錄音、錄影，都是不錯的方式，現在科技進步，分享影音的方式也很容易，你隨時可以透過網路把你學習到的內容分享給全世界的人，當然，如果你挑的書籍是需要行動的，你也可以嘗試著直接行動，透過身體也可以加強大腦的記憶，用行動，真正做到“過目不忘、永久記憶”。

[網站]lifecoach 人生教練

2011-09-20T01:26:00.003+08:00

負責內容：設計+前端架構
人生教練成長股份有限公司是一間希望扮演人生中陪你一起成長的教練顧問公司，他們有定期的課程可以報名，也提供企業內訓，完善的課程規劃讓參與課程的朋友們都可以滿載而歸，有需要的朋友們可以前往報名。

http://lifecoach.com.tw/

[網站]ASWF 美標窗膜

2011-09-20T01:25:00.002+08:00

負責內容：設計+前端架構+Flash選單
美標窗膜是一家專業塗料工藝廠商，可執行的項目除了汽車車窗窗模還有大樓玻璃帷幕等，貼上窗膜可以有效降低溫度，減少冷氣使用，而且有多樣化選擇，用途廣泛，有需要的朋友可以去看一下喔！

http://www.aswf.com.tw/

[免費]本週免費App 遊戲軟體下載看這裡

2011-09-12T01:44:00.000+08:00

Piclings Piclings (遊戲推薦下載)

是一款你可以透過照片產生關卡的神奇遊戲，透過照片遊戲會與你互動，你必須操作這隻藍色小精靈飛天遁地，精靈頭上的綠色bar是代表可飛行的時間，精靈的竹蜻蜓就跟多啦a夢的一樣也是會沒電的，而遊戲中也會出現黑小鬼與紅小鬼，小精靈完全不能碰到它們，只能使用迂迴戰術讓小鬼們互撞，一但撞上就會消失，關卡可自行創造，還可以將關卡分享給友人，由於互動性高，讓這款遊戲可玩性大增！

App store 特快車 : Piclings

Blogger (軟體推薦下載)

是的，沒錯，知名部落格平臺也發行了專屬App了！你可以透過這個App立即發佈文章，讓你撰寫部落格的速度加倍，走到哪寫到哪！

App store 特快車 : Blogger

Pool Break

這是一款桌球遊戲，原價2.99美金，限時免費，比較特別的是除了一般玩法以及常見的四角長桌以外，這款遊戲還有六角桌的出現，可以增加遊戲的趣味性喔！

App store 特快車 :Pool Break

hedgehog adventure (遊戲推薦下載)

還記得那隻不斷向前快速滾動的藍色刺蝟—音速小子嗎？這款遊戲與音速小子可以說是異曲同工之妙，唯一不一同的是這隻小棕刺蝟沒辦法擁有音素般的速度，而且行進過程必須非常小心，否則一個不小心你的小棕刺蝟就會變白色啊飄飛上天囉！

App store 特快車 :hedgehog adventure

[心得]超速習法 (中) -遺忘與學習-3

2011-09-08T23:27:00.000+08:00

上篇提到閱讀的三種方法：快速重點掃讀、標靶式掃讀、地毯式閱讀，還有一開始要大家寫下的重點關鍵字筆記，以及最早的速讀、發音速讀法等等，有了這些能力與資料之後，我們就可以組合出釣竿選擇適合的釣餌然後開始學怎麼釣到魚了。

既然要開始釣魚，第一步就是找個好釣點，你要會看潮汐漲退還要會看流向，這些如果沒有經驗是沒辦法判斷準確的，對於看書來說也是這樣，看書要怎麼找到好的釣點呢？其實沒有這麼難，所謂的好釣點就是你看這本書的目的是什麼，比方說我手上這本書是NLP速讀術，我的目的就很單純，就是學會NLP速讀術，為了學會我就要知道什麼是NLP速讀術？什麼樣的情況下需要NLP速讀術？什麼人適合NLP速讀術？怎樣做才會學會NLP速讀術？看了我丟出這些問題有沒有一點感覺了？其實說穿了就是5W1H法則，即What、When、Where、Who、Why、How，你不一定每一個都要用到，你甚至可以衍生出超過5W1H的目標，重點在於你設定的目標與目的的大小，你必須有一個目的是指整本書的（如：徹底學會NLP速習法），還要有許多目標是指各個章節或你想瞭解的部分（如：什麼是NLP速習法、何時可以用NLP速習法），請將這些目的與目標也一起寫在重點筆記上，這可以是個問題也可以是個普通的句子，但是建議採取問句的方式效果會比較好。

有了目的與目標就等於找到好釣點了，接下來就要準備餌了，要怎麼收獲先怎麼栽，你手上的餌這麼多，有經驗的大概知道什麼樣的餌會引來什麼樣的魚，所以你必須先想像你想收獲哪些魚！回到書上，你必須根據你的目標來尋找你想看的章節與使用的方法，請回去看你的重點筆記，上面已經準備好了各種關鍵字與想看的章節，你必須先想象一下在這些章節裡你會看到大概是怎樣的內容，即使胡亂猜測也無妨，你必須徹底先想像你會獲得什麼，比方說NLP速讀術第二章是說實行NLP速讀術，所以我可以在這一章看到NLP實際使用方法與結果，應該就是過目不忘之類的，或是可以快速抓取重點等等的吧，大概就是這樣的思考與想像，然後一樣把這些東西寫在重點筆記上，請務必確實想像並且寫在重點筆記上，這樣的動作目的是在提醒你的大腦要準備接收大概是怎樣的資訊，當你看到類似的部分大腦就會自動組織起來，加深你在閱讀過程中的印象，所以這個步驟是非常重要的，收獲多寡或是否能過目不忘重點就在於這裡，你有沒有挑到對的餌！一般大家看書的流程是幾乎不會有這個步驟，這也是學習上容易有產生障礙或厭倦感的原因，因為對你的大腦來說你直接看書的內容除了沒有經過大腦的整理，還是第一次接收這樣的資訊，當然效果就會很差，但是你只要經過這個步驟，對你的大腦而言當你在看書的過程中是第二次接收這樣的資訊，當然效果就會比沒有經過想像這個步驟的效果還來的好很多。

餌準備好了就要開始拋竿釣魚了，現在你的重點筆記上面應該有非常多的東西，有重點關鍵字、有想看得章節、有目的與目標還有你想像的內容，有了這些東西在配合你想使用的閱讀方法做閱讀，你就等於可以穩當的等大魚上鉤了。既然設定了目標與目的，在每一個目標達成時請在重點筆記上在寫上你獲得了什麼，你可能獲得很多，也可能獲得非常少，就跟釣魚上鉤的時候有魚大魚小的分別，但是不同的是你不管收獲多寡通通都不能放過，這樣才可以達到過目不忘的效果。另外建議採用條列式寫在筆記上，並且精簡撰寫，省略冗長的文字，畢竟你不是在寫書更不是在默書，請用你自己理解過後的內容，並且有條理的記錄下來，這樣的動作可以確保你的大腦真的整理了這些東西，寫下來的過程中等於是用你的身體在記憶一次，這樣的做法可以讓閱讀效果加倍提升，所以你千萬不可以漏掉這個步驟，當然之前的步驟也都不可以省略，也許第一本你看得很累，但是這樣閱讀的時間加總起來，絕對不會比你什麼都沒準備就看書的時間來的多，更何況當你看第二本書相同領域的書時，在運用這樣的記錄方式你可以來回比對，徹底記住同領域中的知識，如果你想過目不忘，那你已經快成功了！

附錄：線上列印閱讀紀錄表，本記錄表提供給不知道該如何整理重點筆記的朋友們使用，只要直接列印即可書寫。

[網站]White Angel 天使白時尚美學診所

2011-09-02T22:12:00.000+08:00

負責內容：元素與部分單元內頁設計+前端架構+AS3動畫程式+部分內頁Flash動畫

White Angel天使白時尚美學診所是目前最火紅的醫美產業類別客戶，網站採用全站Flash網站，有官網與活動網站性質雙重結合，但是比較偏向活動網站，主要內容是主打服務與價格表的部分，內容並不多。網站整體設計朝夢幻巴洛克風格，內容則用巴洛克風雕花金屬外框與絲綢絨布性質的華麗布質底文所包附，由於採用Flash技術，網站擁有自動適屏功能，不管螢幕解析度大小或瀏覽器瀏覽大小可以看到最佳的畫面呈現，提供網友最優質的視覺畫面呈現。

http://whiteangel.com.tw/

[心得]超速習法 (中) -遺忘與學習-2

2011-08-30T23:06:00.001+08:00

上篇我們說到把重點整齊地寫在紙上，並且要大家保持著那種眼前這本書將會是”第一本可以徹底記住的書“的心態，既然要大家這麼得慎重，當然接下來的這篇一定是非常重要，而且是重點非常多的一篇文章，我都這麼說了，希望朋友你一定要好好地整理一下心情，請先看一下上次寫的筆記，確認是否保持在全書的20~40%以內，並且仔細的在瞄一下這些重點一次（或以上）。

好了，相信透過剛剛的重點復習，可以喚起各位一絲絲回憶（即使沒有也不會影響接下來的動作），接下來我要說的就是“閱讀的方法”，這些方法很多種，並不是每次都要全部都用上，你可以自己排列組合，但是前提是你必須都熟悉這些方法才行，在正式進入重點方法前，我必須叮嚀一個概念，那個概念就是，所謂的讀書並不是說把一本書的第一個字看到最後一個字就叫讀書，而是必須去理解、分析、解讀、融會貫通，這才叫讀書。話不多說，我們直接來進入重點：

一、快速重點掃讀：蜻蜓點水式閱讀
還記得之前請大家看目錄找出關鍵字的方法嗎？其實掃讀也是一樣的方法，我不知道有沒有人曾經看過有人是這樣唸書的：手裡拿著筆一直在書上圈一些字詞，圈著圈著就看完了，這就是所謂的掃讀，而這樣圈關鍵字的方法只是為了加深自己抓關鍵字的靈敏度，還有加速閱讀與理解的速度，不過有些人不喜歡破壞書本，所以就算沒有實際圈起來，我個人也覺得沒關係（我就是那個不想破壞書本的人），但是如果實際圈起來，效果肯定比沒圈得好一點，但是請大家記得，即使是每個章節也盡量控制在全章節的20%就好，請務必確實做到這點，由於在圈選的過程中其實很容易超過20%，雖然說圈選後可以挑出適當的量，但多餘的圈選是會影響之後的閱讀的，所以最好的方式是，在看每個章節的過程中注意那些你已經寫在紙上的重點，並且看完每章節之後在依章節把新的重點寫下來。 這樣的閱讀方式可以讓你快速掌握一本書的概要，累積基本概念。

二、標靶式掃讀：以打靶或下錨方式閱讀
這方法聽起來很懸疑，但是卻是很有效的方法，原理與上個方法差不多，但是卻是整個反過來，上個方法是一行一行快速看過並且整理出重點的關鍵字，但這個方法則是直接就看關鍵字的段落，而且是不斷的看關鍵字段落，要使用這個方法必須是要累積一些基本概念才可以將此方法運用的得心順手，但是如果上手後就會發現可以很快就可以進入狀況，並且可以提升自我專業度，如果你一開始不知道該怎麼練起，最基本要打的靶心已經準備好了，沒錯！就是一直要大家用生命保護的那張重點關鍵字紙張，上面的字就是靶心，你只要用你的准心（眼睛）開始快速瞄準所有的靶心就可以了。這樣的閱讀方式可以更快瞭解書本內的細節，與專業知識。

三、地毯式閱讀：大家都會的從頭看到尾
這個方法最簡單，但絕對不會是不需要練習的一個方法，請務必徹底記得，超速習法是運用一些方法再加上速讀來幫助學習、記憶，所以你不止要從頭看到尾，還要看得非常快才行！如果要給一個標準，200頁左右的書籍最好在30分鐘內看完才算及格，最好的速度是10分鐘左右，也許這樣的速度會讓你錯愕，但是只要多練習就會發現其實也不難，最難的保持著那顆認真學習的心，這才是最難的。這樣的閱讀方式可以徹底看完一本書，有些許的大概模樣在腦海中，像單字書、小說這類型的書籍就很適合用這樣的方式來閱讀。

我相信看完這三個方法，一定還有一堆朋友還是看不懂在幹嘛，沒關係，我畫了一張圖來解釋：

上圖倒金字塔就是書的結構，由大到小排列，左邊是上訴的方法一與方法二，至於方法三則是從金字塔底部一層一層往上直接到頂端。對於讀書這件事我相信大家一直以來都是以為要從每個詞看到一本書，但是由於這樣大腦要拼湊的拼圖實在太多塊了（比五千塊拼圖還要困難上萬倍），所以導致很多書就算看完了，還是沒什麼收獲，而我之前有跟大家叮嚀一個概念，那就是讀書不是為了從第一字看到最後一個字，而是必須去理解、分析、解讀、融會貫通，這才是讀書（這是我第二次強調這件事了），既然要理解、分析，那就必須拆解這本書，自然而然你也不能就單單只是把每個字看完就作罷，而是必須先去看一本書，再去看每個文章、段落與關鍵字，也就是說為了避免見樹不見林的情況，你必須先見林再見樹，這就是為什麼要寫下關鍵字並且努力保護的原因，因為這些被你寫下來的關鍵字就會是你已經理解並拆解過的東西。

上訴三個方式各有優缺點，每個人對三種方式的吸收能力也完全不相同，但是我必須告訴大家，就算你學會這三種方法，這樣還是不夠的，這些只是釣竿的材料而已，還沒到教你怎麼釣魚的程度，我相信有人看到這裡已經不耐煩了，但是請你問問自己，你目前記得你手上的那本書裡的哪些東西了？我相信各位都可以說出一些已經寫下來重點關鍵字，請不要忽略自己已經記住的部分，因為你已經踏出了成功的好幾步了，不要因為我個人的文章攏長而想放棄，我敢說我這些文章已經比整本書（剩至更多本書）還短上很多了！下篇文章就會繼續說明如何解讀與融會貫通的部分，沒錯！又是一篇很重要的文章！如果你看了上訴文章有任何問題或想法都非常歡迎留言，畢竟就像上篇文章末端我說過的：學習最重要的一種檢驗方式，就是直接告訴別人你學到了什麼。

[心得]超速習法 (中) -遺忘與學習-1

2011-08-24T23:31:00.001+08:00

上篇說到速習法就是運用一些方法加上速讀來快速學習，速讀是需要時間練習的，練習越多次速度就會跟著越來越快，同樣的，這篇要說的“方法”也是要經過多次的練習，才會越來越順手，我們現在就來看看是怎樣的學習法可以達到“過目不忘、永久記憶”。

每個人看書的習慣不一樣，你現在可以拿起一本200頁的書稍微翻一下，回憶一下自己是怎麼閱讀的，通常大部份的人都是一頁一頁翻閱，每個字都要清楚看過，有些人會閱讀目錄，有些人不會，有些人喜歡看標題在決定要不要仔細看內文，有些人卻不管三七二十一全部都看下去就對了，可是這樣的情況常常演變成看了後面，前面忘光了，回去復習前面，後面又忘光了，結果看了半天大概只能記得兩三個地方，到了一夜休眠之後，醒來就完全忘得一乾二淨了，這就是大部份的人在閱讀的過程，如果你不是我上面說到的那些情況，恭喜你！你的閱讀效率可能比其他人好一些些，但是還可以更好！如果你正是我說的那些類型，恭喜你！你現在可以突破這樣的障礙了，但是要繼續看下去才會真正獲得突破障礙的技能！

既然提到了“忘光”這件事，我就先來讓大家了解“遺忘的程序”，根據德國心理學家赫爾曼・艾賓浩斯（Hermann Ebbinghau）的遺忘曲線理論—”人的記憶隨著時間經過呈現指數函數狀衰退“，也就是說隨著時間越長遺忘的就會越多，說到這裡我相信大家還是不明白，就讓我們來直接看看遺忘曲線圖：

上面那張圖絕對不是在替小惡魔量身高，而是艾賓浩斯遺忘曲線實際的例子，仔細看就會發現，遺忘最快的時間是在剛閱讀完的20分鐘內，接著是1天與1小時，超過1天之後遺忘的比例就會趨於穩定，那超過6天之後呢？這些其實就會形成永久記憶，但是無奈還是會發生”書到用時方恨少“的慘劇，舉個簡單的例子，你在五分鐘內寫出30個水字旁的字來，我敢說你一定會頭痛，可是你認識有水字旁的字有沒有超過30個？答案肯定有，除非你還在念國小學寫中文字，不然肯定有超過30個（真的寫不出來可以查一下字典驗證一下有沒有超過30個），那既然明明記得的東西為什麼要用的時候沒辦法立刻反應出來？原因很簡單，因為你從來沒看過30個水字旁的字湊在一起過，所以沒辦法一下子就馬上聯想出30個，這樣的情況也指出學習過程中大家都有的通病—見樹不見林，既然現在瞭解了遺忘這件事，那我就要認真的來說一下學習的方法了。

如果我前面提到一本200頁的書你一直都沒有”真的“拿一本200頁左右的書，那請你現在立刻離開電腦前面，去尋找一本你想看又真的大概200頁沒有很厚的”實體書“，請務必確實做到一點，因為接下來我們要玩”請你跟我這樣做“。

確定書都拿到手了？有人是剛從書店回來的嗎？有的話請留言，因為你真的太棒了！好了！書拿在手上，請先左右折一下書（整本U型來回彎一彎），這樣做的目的是為了增加書本的好翻層度，你絕對不能想像翻書的過程中有一兩頁黏住或少翻一頁對你的學習影響有多大，這樣的”阻礙“會讓你學習的心情大打折扣，所以為了避免這樣的情況，請先折一下你的書，可以快速翻一下頁面更好（就像點鈔機那樣翻）！接著請先看書名，我手上的書是”NLP速讀術“（你可以不用買這本，因為這本的精華也會統只在這系列的文章中），根據書名我可以得到這本書的兩大重點是NLP與速讀，請你準備一張紙或是筆記本把你得到的重點寫下來，接著在看目錄，仔細的閱讀每個部分的標題，在閱讀的同時請做一件事，尋找目錄中與剛剛寫下來的重點，關聯性最大的章節，並且在額外尋找從目錄裡你想瞭解的重點（可以沒有，但是請不要超過5個），然後一樣把這些重點在寫在剛剛的筆記上，現在我的筆記上面有”NLP“、”速讀“、”關鍵閱讀“、”潛意識“、”定錨法“，最後再寫上我覺得與重點關聯性最大的章節，以及我特別有興趣的章節，分別是：第二章與第四章，這部份請盡量掌控在全書的40~20%之間，最好是控制在20%就好。

好了！現在你手上這張寫有重點的紙張，請用你的生命把它保護好，因為這就是你手上那本書的精華所在，也是你即將要”永久記憶、過目不忘“的部分，我希望你不會寫的很零散，如果你寫的很亂不整齊，請麻煩你重新找一張完整的紙（最好是筆記本，之後可以當閱讀記錄），再把剛剛寫下來的東西重新騰上去，請務必抱著”這將是我輩子第一本能夠徹底記住的書“那種隆重的心態，並且記住這種感覺，之後你將會知道這樣的感受有多重要。

為了避免篇幅過長（現在已經過長了），剩下的部分將寫在下篇文章，如果你真的在看我的文章做學習，歡迎你花了一分鐘的時間留個言，你可以把你手上的書名寫在留言裡，並且列出你的重點，學習最重要的一種檢驗方式，就是直接告訴別人你學到了什麼，相信我，即使是小小的一則留言，也可以幫助你在本次的學習更加順手。

[免費]The Sims 3 World Adventures 模擬市民3世界冒險

2011-08-24T00:59:00.000+08:00

The Sims 3 World Adventures 模擬市民3世界冒險

最近的App總覺得沒有之前那樣的有質感，但是這兩天看到這款遊戲眼睛都亮了！居然是EA的模擬市民！而且是3代世界冒險耶！這麼划算的遊戲當然要趕快抓下來玩一下囉！下載之後我常是切換語系，不過似乎沒有比英文更讓我明白的語言，是的！裡面沒有中文這個選項，真的有點可惜，不過遊戲過程非常簡單，也很淺顯易懂所以很容易上手！

App store 特快車：The Sims 3 World Adventures

遊戲的一開始就是創建人物，你可以更改人物的髮型、服裝、鞋子、眼睛顏色等等，如果你懶得調出一個適合你的，別擔心，上頭付有一個隨機產生人物的按鈕，多按幾下就會看到中意的了。而本款遊戲的重點在於出國旅遊，相較於以往似乎比較不這麼注重與其他市民交流，反而要想辦法賺錢，才能有足夠的經費出國玩耍，但是千萬不要因為如此就忽略了社交生活，不然你的模擬市民可是會得自閉症的。遊戲中要賺錢的方式大概有兩種，第一種就是乖乖的去上班"Get a job" ，起薪都是100塊美金，以天計算，認真乖乖上班會有加薪機會，另外可以去雜貨店買一下澆水器、培養土、種子，自家的院子裡已經備有花圃了，所以你可以一邊過著都市人上班生活，回家還可以種種水果蔬菜，最重要的是收成非常快，然後還可以拿去雜貨店變賣，這樣一來就多了一個賺錢管道了！如果你一直都想玩看看大作，但是又覺得花錢買很不划算，那現在這個機會就是屬於你的了，趕快去下載來玩玩吧！

[心得]超速習法 (上) -速讀

2011-08-22T23:54:00.000+08:00

身為設計人，為了保持腦袋的養份，必須常常吸收攝取不同的元素與內容，才能在適當的時機有適當的創意產生，但是常常會發生過目即忘，或平常總是記得，但到了緊急時刻卻一點都想不起來的窘狀，再加上我自己的記憶力真的是只在當下，過了那一秒就可以瞬間忘光，舉個例子：今天上班的時候同事要我修改一張圖，把原本圖上的字改成"新車亮相"，沒想到我出去洗個手回來我已經忘了同事要我改成哪四個字，左想右想腦海突然冒出了"新車試乘"，可見我的腦袋真的不是普通的失憶，類似的例子真的不勝枚舉。而我這個腦袋瓜子天生就是這副德性，即便我自認天資聰穎，在面對一堆的教科書要閱讀時，我還是直接舉白旗投降，因為我知道要我死背這些東西還真的記不起來。

還記得以前有個英文老師不相信我沒辦法把東西背起來，曾經要我罰寫一課的英文單字，每個單字寫三千遍，對！不要懷疑！就是一個字三千遍！這樣在笨的人也會記起來了吧？無奈我寫完了三本作業本，我還是一個字都記不起來，最後只換來老師的一句“你根本不用心！不是你不會！是你不用心！”，我只能說這是天大的誤會，現在問我當初寫了三千遍的是哪些字，我也完全不記得了了，你知道為什麼嗎？因為每個人的腦袋對於記憶這件事是不一樣的，有些人擅長記憶文字，有些人擅長記憶圖片，有些人就是擅長記憶邏輯推論的東西，你知道你擅長記憶那些種類嗎？我的求學過程一直都很跌跌撞撞，而且本人運氣還真不是普通的背(剛好今天同事也有感而發的跟我說我真的很倒霉)，我的課業成績一直到高中畢業之前半年才開始真正有起色，而最後的求學過程也變得非常順遂，不過我相信如果那時我了解超速習法，那肯定又會是另外一種光景了。

說這麼久，到底什麼是超速習法？其實超速習法是就是超級快速學習法的簡稱，是運用一些方法加上速讀來幫助學習記憶，達到過目不忘、永久記憶的效果。是一位擁有學習障礙(失讀症)的日本速習法首席講師—園善博所發明的。聽起來好像很玄、很不可思議，要過目不忘還要永久記憶，這可能嗎？我先不論這個可能性是否真的存在，從另外一個論點來思考這件事好了。假設你一本書200頁原本要看兩個月，然而你學會了速讀，讓你閱讀速度加快了，最後一本書200頁你只需要看一個月，那就是說現在你得把一本書看兩遍才會花到兩個月，但是最大的差別在於你已經看了第二遍！再換另外一個角度來思考，一樣一本書200頁不會速讀要看兩個月，那一年只能看六本書，還不能偷懶，學會速讀後，一本書200頁只要一個月，那你一年就可以看十二本書，給你偷懶一下，那也有十本書耶！兩倍甚至更多倍的閱讀量，如果你一直在看同一類的書籍，吸收的都是同領域的知識，在這樣的情況下你覺得在這個領域裡，你所吸收到的與“過目不忘、永久記憶”的效果是不是非常雷同？等一下，速讀？剛不是說速習法是運用一些方法加上速讀嗎？那方法到底是什麼？先別急，我會慢慢的、仔細的告訴你全部，我先問你一個問題，你會速讀嗎？如果你會，我非常希望你可以留言，把經驗分享給大家，如果你不會，那只好繼續看我說下去啦！所謂的速讀就是快速閱讀，不去理會你看的句子或文章或只有片段的字句到底是什麼意思，用最快的速度看過去，適時用手指或筆尖指著你要閱讀的句子，快速移動，可以加快你閱讀的速度，這就是速讀的方法，另外還有發音速讀法，意思就是邊快速閱讀邊在心裡默念，這樣等於是用眼睛吸收，用心耳整理，但是請不要真的發出聲音來，因為當你念出聲音時就會不知不覺的想發音清楚，一但發音清楚就會降低閱讀速度，所以請心裡默念才是正確的發音速讀法。

我相信很多人不經會懷疑這樣看東西真的有看進腦袋裡嗎？我在用另外一個實例讓大家思考這個問題，我以前高中數學算很好，原因在於數學只要會算基本上不用背什麼東西就可以在不用閱讀的情況下拿到分數，但是常常有些問題是算了一整晚都算不出答案，這時候我就會去休息、睡覺，隔天在看到問題重新再算一次，答案就出來了，是不是很神奇？也許你會說那是因為我算了一整晚腦袋累了算不下去了，但是為什麼一整晚算不出來的題目隔天卻可以馬上算出來呢？原因在於當我們在睡覺的時候，我們的腦袋還是在運作的，我們的腦袋瓜會趁你在休息的時候整理今天一整天累積下來雜七雜八的東西，還有留在潛意識裡的東西，這些東西會在經過排列組合，變成你的腦袋可以理解的資訊，之後腦袋就會很任性的刪掉那些它以為你不需要的東西，把剩下留住的東西再存到你那個有很多皺摺的大腦裡，就是因為如此，所以你在快速閱讀的時候是不需要去理會你到底看到了什麼東西，聽起來很神奇？其實速讀還有很多招數可以練習，但是目前為止我個人最常使用的就是發音速讀法，現在就拿起一本書，不要太厚，大概200頁左右就可以，嘗試著快速閱讀看看你需要花多少時間，不用理會自己看懂了什麼，更不用去想我到底記得了什麼，你要練習的只有一件事—用最快的速度讀完這本書，這樣就可以了。

[展示] 讓Adobe來告訴你CSS3跟HTML5有多酷

2011-08-10T21:42:00.001+08:00

一直以來都以發展Flash技術聞名的Adobe，自從被Apple重重的一拳打在臉上後也開始認真的發展CSS3與HTML5技術相關軟體與應用，而在今年的八月初，Adobe推出了Beta網站—the expressive web，這個網站是基於HTML5環境，運用CSS3的搭配，製作出一些新穎的網頁效果，換句話說，the expressive web是Adobe為了展示HTML5與CSS3的效果所製作的展示網站，你可以隨著左下方的箭頭一格一格觀看，相信每點一格都會讓你發現一些驚奇。

為什麼這個網站是Beta?原因很簡單，因為並不是所有的瀏覽器都可以看到完整的畫面，而且也不是所有的瀏覽器都可以支援HTML5新增的全部功能(更何況HTML5還沒有正式訂定完成)，只能說普遍上都可以運作而已，至於哪些瀏覽器不能支援？想當然爾，如果你的瀏覽器不是最新版本，那支援機率當然就會比較低，而每個展示畫面下方都會列出哪項新功能在哪些瀏覽器有支援，而這些有支援的瀏覽器又佔整體使用者多少百分比，原則上都在40~50%之間，相信有數據的搭配呈現會讓整體更有說服力。

透過the expressive web網站的建立，Adobe展示小組也公佈了本次過程中所學到的經驗，以下將用我個人的理解加上自己的解說將Adobe小組的經驗做一個簡短的呈現：

儘早決定是否支援舊版瀏覽器—支援舊版瀏覽器可以提高網站完整性卻會消耗過多的維護時程。
只使用HTML5與CSS3在你的網站—避免使用其他版本以減少頁面上語言與瀏覽器的衝突。
隨著HTML5的制定網站應隨之維護的更佳完善—徹底執行HTML5規範來制作網站。
瀏覽器支援的性能不在僅限於Javascript—隨著CSS3的誕生，部分的動態效果也可以轉由CSS3來執行。
不要動太多東西—這個道理很簡單，太多動態會消耗電腦效能，一般頁面上常見會同時使用動態的部分就有主選單、次選單、主視覺banner等，需要考慮過多的動態效果會讓電腦效能吃緊，效能吃緊會大大影響頁面呈現的效果。
要準備備案—一定要替那些看不到最新的HTML5或CSS3效果的使用者思考，否則你的網站將會殘破不堪。
要記得設計也要符合智慧型手機的使用者—目前智慧型手機的使用者已經大幅增加，日後肯定只會越來越多，絕對不可以忽視頁面在智慧型手機上畫面的呈現有多重要！
使用Modernizr—Modernizr一個Open Source 的Javascript 資源庫，可以幫助你建構HTML5與CSS3。
好的工具—Adobe Edge Preview是Adobe最近推出的新軟體，可以幫助你預覽與建立HTML5與CSS3網站，最重要的是還是可以使用Flash製作動畫嵌入HTML5的Video Tag中。

最後，在the expressive web上也有資源庫頁面，可以讓你查看the expressive web上使用的HTML5與CSS3有哪些之外，也整理了一些HTML5與CSS3的資源網站供大家查看，相信大家看完這個網站，對於HTML5與CSS3會有更明確的視覺感受！

[MAC OS X Lion]修改hosts與顯示Library資源庫

2011-07-31T00:27:00.002+08:00

在使用Mac OS X ，遇過特別一點的事情莫過於修改hosts與Library資源庫，換到Mac OS X Lion後，這兩點就變成我首當想瞭解的問題，憑著記憶中的方式場是修改hosts卻一直無法解鎖，甚至Library資源庫整個找都找不到，使得我不得不去找答案，不過，也許是這兩個問題太簡單了，也太常遇到了，所以很快就找到答案了：

hosts修改方式

方法一
1.啟動終端機，輸入“sudo -s”後輸入您的密碼，此時以登入最高管理員權限。
2.輸入“vi /etc/hosts”，接著按i進入insert文字編輯模式。
3.接著輸入您想修改的資訊，輸入完畢後按ESC退出insert文字編輯模式
4.輸入“:wq!”離開並結束。

方法二
1.啟動終端機，輸入“sudo -s”後輸入您的密碼，此時以登入最高管理員權限。
2.輸入“nano /etc/hosts”，此模式下方有指令說明，透過方向鍵移動到您想編輯的位置即可新增、刪除、修改。
3.修改完畢後輸入“Ctrl+X”離開，再按Y儲存，再按enter結束整個程序。

Library資源庫在哪裡？

在終端機輸入“chflags nohidden ~/Library/”，即可在使用者資料夾中找到Library資源庫的資料夾，如果還需隱藏則在終端機輸入“chflags hidden ~/Library”，這樣的資料夾顯示與隱藏方法適用於任何資料夾，所以如果你有要藏的迷之片、迷之圖，那趕快把這招學起來吧！

[MAC OS X Lion]如何刪除Launchpad出現的parallels應用程式

2011-07-30T21:55:00.001+08:00

相信許多Mac使用者都會安裝Parallels來模擬Windows環境，而Parallels其中一個最特別的功能就是與MAC OS做整合，讓沒有那種一次開兩個作業系統的煩惱，只要按一下你想啟動的Windows平台軟體(EX: PPS) ，稍等片刻就可以馬上使用了，整個與你的Mac融合在一起，感覺一點都不突兀，我當初也是想測試一下這個功能所以安裝了Parallels，但是來因為我真的用不到Windows，所以就把Parallels給刪了，沒想到今天更新了MAC OS X Lion卻給我整個都跑出來了！

這密密麻麻的程式早就沒辦法用了，而且這樣的程式也多達了三頁這麼多，光看到就暈了，原本想說刪除很簡單，跟iPhone和iPod touch一樣，滑鼠按久一點每個icon右上角就會出現叉叉，結果沒想到按了之後，非但沒有出現叉叉也沒辦法直接拉到垃圾桶刪除，上網搜尋了一下沒多久就看到解決方法了，可見遇到一樣問題的人真的非常多。

首先請先打開Finder，點擊使用者資料夾找到Application資料夾，裡面全部都是Parallels的應用程式快速捷徑，請全部刪除，這並不會影響到Parallels的使用，而目前最新版Parallels也不會有這個問題產生，所以請放心刪除。

接著打開Launchpad，然後點擊你不要的應用程式icon，點擊完後icon就會出現一個大大的問號，如果直接點擊不會出現問號還跳出找不到程式的訊息，請在打開Launchpad，這次按住鍵盤option鍵(有些文章寫要按Control + option + command，其實只要按option就可以了)，在連續點擊兩次應用程式icon就會出現問號了。

當icon出現問號後，當你按下option鍵，應用程式icon就會出現叉叉給你刪除，或者你還是喜歡拉到垃圾桶刪除也是可以的，這招適用於任何已經刪除卻還是存在於Launchpad的應用程式，如果未刪除，這招是沒有用的。

[應用]Find me by ip 從你的IP開始健診到瀏覽器

2011-07-17T21:14:00.000+08:00

Findmebyip是一個很好玩的工具類型網站，透過網站的名稱你頂多知道你可以找到你的IP，但是其實這個網站可以做的不光是這樣，Findmebyip真正在做的是從你的IP開始到作業系統以至於瀏覽器幫你徹底詳細做個健康檢查，並且讓你可以徹底了解你到底在用什麼東西上網，聽不懂？沒關係，繼續看下去你就懂了。

近期HTML5吵的沸沸揚揚的，想必熱潮也還沒退去，最近我看到HTML5正式上市時間居然是2020年，我自己都覺得有點傻眼，有沒有這麼久阿？但是2020年的確是有機會將目前亂成一團的瀏覽器做個統一，沒錯，一切一切的問題都出在瀏覽器身上，打從萬惡的IE6一直沒辦法徹底從使用者瀏覽器名單除名，微軟也學會了強制更新，因為IE6除了給大家帶來麻煩，也給微軟自己帶來許多麻煩，以現在的CSS2與XHTML來說，IE6就常常冒出許多跟標準不一樣的結果，大多是好氣又好笑，而這樣的情況絕大多數是因為IE6出現的時候W3C的威嚴指數並沒有讓微軟覺得該稍微尊敬一下，經過了幾年時光微軟也開始覺得，也許當初有尊敬W3C那一切都會好一點，而這樣混亂的情況還只是在CSS2跟XHTML時代而已。

HTML5與CSS3的出現讓各家瀏覽器都拼命的想追上進度，也因為HTML5還在制定中，所以隨時都會冒出新功能，即便已經宣告過，但是瀏覽器要在第一時間內支援難度還是太高，所以漸漸的也會讓各家瀏覽器淪落於支援更新的速度賽上，支援越多當然就代表越好，不過絕大多數的使用者是不會管你到底有沒有支援，而是稟著我“平常都在用這個瀏覽器，看網站都沒問題阿，為什麼要換“的心態上，所以近年來有許多的網站在努力讓使用者了解自己用的瀏覽器，到底是在考古時期，還是到了現代，像之前就提過的html5test，就是一個幫瀏覽器打分數的網站，你可以清楚透過分數的高低來比較瀏覽器之間的差距，不過缺點是，他只測試HTML5支援程度，所以，CSS3呢？

Findmebyip是目前為止我看過檢查最詳細的網站，除了列出你的IP、作業系統、瀏覽器資訊外，對於CSS3、HTML5、選擇器支援度、Script支援度都有一系列的檢查，簡直就像完整的健康檢查一樣，Findmebyip列出了選有檢查項目，你只需要大致瀏覽一下就會知道目前自己的瀏覽器，對哪些部份支援較薄弱，如果你懶得檢查Findmebyip也有一個詳細的瀏覽器比較表，提供給網頁設計師或懶得比較的朋友們，相信看過這個比較表的朋友，應該不會想再用IE系列的瀏覽器了吧？

[免費]本週免費App 遊戲軟體下載看這裡

2011-07-16T01:14:00.004+08:00

MapleStory Thief Edition 楓之谷 (遊戲推薦下載)

楓之谷為可愛風橫向捲軸遊戲，在台灣深受年輕族群喜愛，是很有名的線上遊戲，而這款遊戲現在也出現在iPhone上囉！此款遊戲是單機版，讓你不管走到哪都可以好好的玩一下屬於你的楓之谷冒險，喜歡楓之谷的朋友們千萬不要錯過囉！

App store 特快車 : MapleStory Thief Edition 楓之谷

Special Enquiry Detail: The Hand that Feeds (遊戲推薦下載)

這款遊戲玩家扮演的正義的一方，尋找一樁謀殺案的真相，而這樁謀殺案正發生在美國—紐約，遊戲中共有12個章節、30個寫實地點與25個小遊戲，雖然故事劇情非常老套，但是遊戲內容還算豐富，喜歡解迷遊戲的朋友千萬別錯過囉！

App store 特快車 : Special Enquiry Detail: The Hand that Feeds

Opera Mini Web browser (軟體推薦下載)

Opera一直是很不錯的瀏覽器，像現在許多瀏覽器都會顯示常去的網站縮圖，讓你按一下就可以立即前往，這個概念最早是出現在Opera，我還記得那時翻譯叫快速撥號，因為他的排列就是1~9就像電話上的數字鍵一樣，而點擊縮圖感覺就像在撥號碼，所以翻譯成快速撥號雖然有點奇怪卻非常貼切，雖然現在一般筆電或桌機的作業系統瀏覽器總是很難看到Opera擠在常用前三名，但是只要你仔細比較各瀏覽器對W3C支援或最新HTML5、CSS3支援等等，Opera幾乎都可以拔得頭籌，可以說是速度最快、技術最領先的瀏覽器，而且Opera從手機可以上網之後就不斷開發Opera mini，所以在手機瀏覽市場上占有不錯的比例，說了這麼多，如果你還提不起勁下載來試用看看，那我實在不知道該說什麼了！畢竟好東西也要自己肯嘗試才會知道東西有多好，不是嗎？

App store 特快車 : Opera Mini Web browser

Three Kingdoms TD - Fate of Wei

三國題材一直在遊戲市場上屢推新品，Three Kingdoms TD - Fate of Wei就是以三國故事為主軸的Q版守城遊戲，故事主軸環繞在曹操的魏國上，你需要運用你的足智多謀來完成你的霸業，現在你就可以顛覆赤壁之戰火燒連環船的歷史了！

App store 特快車 : Three Kingdoms TD - Fate of Wei

The Rainy Day 2 (遊戲推薦下載)

這款遊戲的劇情非常的單純，就是一個上班族忘記帶雨傘，回家只好一邊躲雨一邊協助走失的貓咪跟小狗，只要身上的潮濕度到了100%遊戲就會Game Over，感覺起來好像很簡單，其實有時候還蠻困難的，不能只是一昧的往前走，有時甚至需要努力的往後退才能即時閃過，雖然這樣遊戲好像很單純，但是遊戲畫風採用像素風，玩起來有很復古的感覺，好像回到任天堂紅白機的時代之類的，但是顆粒上很細制，所以不至於太過復古，而故事劇情描述的方式採用精緻的可愛漫畫風，兩種截然不同的風格碰在一塊反而變得更有親切感，算是很特別的風格喔。

App store 特快車 : The Rainy Day 2

[心得] MY NAME IS KHAN / 我的名字叫可汗

2011-07-14T00:42:00.000+08:00

片名：MY NAME IS KHAN / 我的名字叫可汗
IMDB評分：7.2
rotten tomatoes評分：80% 新鮮番茄

“我的名字叫可汗”是根據真人真事改編，主角是一個擁有亞斯伯格症候群(Asperger syndrome，簡稱AS，又名阿斯伯格綜合征或亞氏保加症)有著自閉症狀的回教徒，他討厭黃色、討厭大聲、討厭陌生環境，但是他天真善良讓他在人生中擁有許多貴人相助，他說：“我媽媽告訴我，這個世界上只有兩種人，做好事的好人，跟做壞事的壞人，我做好事，我是好人”，就是這樣的單純讓他的與眾不同變得很可愛，也很得人疼。

這篇的主角很難不聯想到一樣主角有缺陷的影片—阿甘正傳，但是不同的是，阿甘智商只有75，可是可汗卻是智商超群，兩片比較除了主角一樣有缺陷外，阿甘參加了越戰，但可汗卻經歷了911改變了他原本非常幸福的家庭，是的，正是911這個世界大事件，在大家都還在遺忘的時程中，卻變成這部片最大最大的轉折點。

如過說人們會因膚色而產生對立，那宗教肯定是另外一個造成對立的原因，因為911事件讓許多印度人，尤其是穆斯林被當成恐怖份子，這讓“我的名字是可汗，我不是恐怖份子”的句子不斷在影片中出現，也是本片的主軸處，雖然電影花很長時間著墨在可汗的家庭、成長上，但是卻不至於讓人忘了主軸，那個時間真的抓的很好，看完會不由得想拍手，劇情很棒，演員也很棒，男主角是印度電影之神沙魯可汗(Shahrukh Khan)，正巧名字裡也有可汗，另外電影中可汗被航警局人員攔下來進行全面檢查的事情，在沙魯可汗到紐約宣傳電影時也發生在沙魯可汗身上，這樣的情節正好反應這部電影是很貼近現在的生活，完全將現實生活問題徹底呈現在電影裡頭。有一點我覺得很值得提，那就是沙魯可汗這個人有一個特點，這個特點是他不會笑，他不知道怎麼笑，他天生就是笑起來會讓人覺得很詭異，甚至不知道他在笑，我覺得他這個特點幫助了他讓電影中的可汗演的更加活靈活現的助力之一。

雖然說我的名字叫可汗是印度片，但是卻擺脫了寶萊塢那種大場面的歌舞排場以及男歡女愛追求情節，徹底宣告著印度電影進軍世界，要拍出世界都能接受的電影，走向雖然與三個傻瓜這種保留印度電影文化的內容不同，但是卻還是保留了印度文化在電影中，讓電影更加貼近彼此的生活，是真的值得用心去看、認真去思考的電影。

[心得] The Karate Kid / 功夫夢 / 新小子難纏2010

2011-07-13T21:54:00.005+08:00

片名：The Karate Kid / 功夫夢 / 新小子難纏2010
IMDB評分：6.2
rotten tomatoes評分：66% 新鮮番茄

還記得以前的小子難纏連續三集那種練功的衝動嗎？想必如果對這個片名還有印象的人年紀都有點......充滿青春的熱血啦！2010上映的功夫夢，英文片名與小子難纏一樣是The Karate Kid，雖然這部片在國外似乎不怎麼受歡迎，除了代表劇情有點老梗以外，這部片似乎比較適合東方人看，以前的白人主角換成了黑人小孩，日本功夫大師換成了我們熟悉的成龍，劇情大綱差不多，就連主角後來受傷的部位與繼續戰鬥的理由也都一樣，可是不知道為什麼這部片卻深深吸引著我，有一點比較特別的是，The Karate Kid 2010並沒有在台灣上映，至於原因是什麼我就沒有去深究了，但是我卻覺得還蠻可惜的就是了。
The Karate Kid 功夫夢其實就是描述一個黑人單親家庭因為母親工作緣故只好搬到中國，小孩非常不適應那裡的環境，但是卻深深被中國功夫吸引，因為因緣忌諱得罪了孩子王被打得半死，又因為誤打誤撞拜了師父，其實成龍飾演的韓先生似乎有那個一點不專業，跟以前的小子難纏裡的師父給我的應像完全不同，但是我比較喜歡成龍這次演的感覺，因為在專業的人也有不專業的時候，生活何必把自己弄的這麼累？更何況真正的高人是真人不露像的。

其實劇情上從現在的角度去看很詭異，但是片中想傳達的應該是對以前的小子難纏致敬，所以片中無處不傳達“中國功夫就是來自於日常小事”、“人不可能不遇到挫折，但是人可以選則遇到挫折時要不要站起來”的精神，這樣的心態其實還蠻正面的，算是立志娛樂片了吧！

總之，我覺得這部片可以看一下，不過呢，要抱著看娛樂片的心態去看，不要帶太多劇情期待，片中很多場景都很壯觀，大部份都在宣傳中國的壯觀的風景，比方說萬里長城，延綿不斷的山景等等。還有，如果是看大陸版本很多片段都被剪掉了，所以你會看的莫名其妙，不過如果你如果沒看過沒剪過的版本，應該是不會影響太多。最後這部片值得看得部份，除了裡面有大家熟悉的成龍，還有那個小男孩我也覺得很值得看，因為，他是威爾史密斯的兒子賈登史密斯，他的演技也不錯好喔！

[網站]台北正記中醫

2011-07-11T22:55:00.000+08:00

負責內容：設計+前端架構+AS3動畫程式+Flash動畫
台北正記中醫是一家專門醫治癌症、鬼剃頭與不孕症的中醫診所，所以以醫治最困難的疾病為志願，期許自己成為上醫治未病，有許多臨床病例可以講述，不過可惜礙於病患隱私問題，很多都不能放出來，只能已一些文字敘述帶過而已，這是比較可惜的地方。

http://isrecm.com.tw/

[心得]Source Code / 啟動原始碼 / 源代碼

2011-06-27T00:05:00.002+08:00

片名：Source Code / 啟動原始碼 / 源代碼
IMDB評分：7.7
rotten tomatoes評分：91% 新鮮番茄

Source Code / 啟動原始碼 / 源代碼是由《斷背山》傑克葛倫霍、《鷹眼》蜜雪兒莫娜漢、《型男飛行日誌》薇拉法蜜嘉所主演，《2012》《明天過後》製作群所製作，雖然說是科幻驚悚片，但是我卻不知道哪裡驚悚，但是科幻成面非常非常的突出，深深讓我覺得是演出了INCEPTION全面啟動的另外一種層面，INCEPTION全面啟動說得是人的夢境是可以影響的，而影響的層面真的會導致人醒後有不同的行為或思維產生，然而Source Code啟動原始碼則是說，人可以透過腦波入侵他人的生活，彷彿就是把自己的靈魂植入另外一個人身上，活生生的上演鬼付身戲碼，只是一點都不恐怖就是了。

你有沒有想過當你死亡了之後，軀體已不完整，但是你的腦袋還沒死亡，這時透過科學技術你可以跟外界溝通，彷彿你還健在一般，在那樣的情況下你突然知道自己已經死亡了，卻還要不斷的經歷恐怖的歷程，比方說被槍射死或者身處於一列隨時都會爆炸的急行列車上，不斷的不斷的死亡，精神一直被摧殘著，不知不覺讓我聯想到地獄裡的上刀山下油鍋之類的刑責，所謂的地域不就是在凌遲魂魄，換言之就是不斷的對精神給與折磨，所以這部Source Code啟動原始碼上演的就是真實的地獄場景，聽起來似乎還蠻恐怖的，不過整部片卻異常的溫馨，漸漸的，我覺得這溫馨的感受讓整部片變得更加的恐怖了。

可惜的是同類型題材的INCEPTION全面啟動，已經把這類型題材的好看度提升到某一階段了，這讓Source Code啟動原始碼有點暗淡無光，相較之下的確整體劇情與人物比INCEPTION全面啟動少很多，精彩程度似乎也有那麼一點少，畢竟整部片一直在重複一樣的場景與人物，而且一直在重複同樣的橋段，所以如果你沒什麼耐心，那還真的看得有點膩，也因為這個劇情需求，我可以看出導演與後製的用心，因為他們很努力的讓這不斷重複的橋段每次看起來都不一樣，每次看起來就多了一些什麼，這真的很不簡單，如果就單看這部片的表現，我個人覺得閒暇時間如果真的找不到東西看，那這部片應該可以拿來殺點時間，有達到可以花點時間看得標準。