挖挖挖

LightScreen - 輕鬆好用的抓螢幕工具

2009-06-20T10:58:00.001+08:00

工作上常常需要截取螢幕的圖幫客戶做解說
以前最常用的做法就是 PtrScn ，然後貼到小畫家或是Word，然後儲存成圖片
自從裝了LightScreen之後，整個存圖的效能變快了許多

下載安裝完LightScreen之後，把它叫出來進行設定
先設定預設要存的路徑(以後比較好找)
再設定開機自動啟動，不用每次要用的時候才開

接下來瞭解一下它的快速鍵

以後要抓圖的時候
只要使用快速鍵，就可以抓到螢幕的截圖囉~~
方便死了

Compaq 的 FAQ

2009-01-08T16:32:00.003+08:00

今天在Digg上看到這篇文章
又勾起我想到以前的老笑話，沒想到在COMPAQ真正遇到，哈!!

大家再來回味一下這些笑話吧
以下笑話轉載自 http://www.gvm.com.tw/Board/content.aspx?go=cover&ser=7515

笑話一：客戶打電話到軟體公司抱怨，說他購買這家公司所出品的磁片裡，根本沒有說明書上所說的檔案，服務人員請他將磁片「拷貝」一份寄回公司檢查。不久之後，服務人員果真收到一個郵件，裡面沒有磁片，卻有兩張紙，上頭影印著磁片的正反兩面。

笑話二：個人電腦廠商的售後服務部門接到顧客的求救電話，因為當他啟動電腦後，電腦顯示著「Press any key to continue（按任何按鍵，以便繼續執行程式）」。這位使用者一頭霧水，因為鍵盤上有「Enter」鍵、有「Delete」鍵，就是找不到「any」這個鍵。

笑話三：場景仍是個人電腦廠商的客服部門。使用者詢問他們：「電腦主機上的杯架斷裂了，哪裡可以買到新杯架？」這回換工程師一頭霧水了：「杯架：你買電腦時就附在上頭嗎？」

「是啊，按個鈕就可以伸出或收起，托架外頭還寫著4X，」工程師腦中閃過「光碟機」三個字，幾乎昏倒在地。電話那端的顧客兀自興奮地形容：「很方便喔，放咖啡杯特別好用。」

Firefox+Greasemonkey+LookItUp2查單字，看網頁時用不到dr.eye了

2008-12-26T16:42:00.002+08:00

繼小弟寫了一篇善用網路查詢英文單字以及片語之後，最近發現了更方便的查單字方式

就是使用Firefox的外掛Greasemonkey+LookItUp2
使用方法如下：
1. 安裝 Firefox

2. 安裝 Greasemonkey

3. 安裝 Stylish
這是因為lookitup2需要的，雖然有點囉嗦，不過就給它安裝下去吧

4. 安裝 LookItUp2
終於裝到它了，點選右上方的Install

5. 安裝完了，接下來來對LookItUp2做設定
此時Firefox右下角應該會有一隻猴子

在裡面找到lookitup settings

6. 以下是我的設定畫面，大家可以參考

請注意Encoding都必須設定正確，不然可能會有出來結果是亂碼的情況
它沒辦法把設定匯出，不過它預設就有一些字典了，底下我再加一些我自己加的供大家參考

Longman
http://www.ldoceonline.com/search/?q=[words]&x=0&y=0
UTF-8

Yahoo奇摩字典
http://tw.dictionary.yahoo.com/search?ei=UTF-8&p=[words]
UTF-8

WordNet
http://wordnet.princeton.edu/perl/webwn?s=[words]
ISO-8859-1

Merriam-Webster
http://www.m-w.com/cgi-bin/dictionary/[words]#lookitup
ISO-8859-1

呼~~終於安裝完了...
開始來介紹怎麼用它了

瀏覽網頁時，只要有看到不懂的單字，把它mark起來
然後按下 Ctrl+Shift+Space
就會跑出如下的畫面

游標點回原來的網頁就會回復正常
還可以用熱鍵切換不同的字典
想學英文的人可以預設英英的字典
看不懂再查中文翻譯
是不是很方便呢??

善用網路查詢英文單字

2008-12-01T13:32:00.001+08:00

查單字是學習英語最基本的一個步驟，我相信現在手邊有一本字典的人少之又少，大多數人都是使用翻譯機以及網路來查單字的。
以下我來介紹幾個查單字常用的網站

1. Yahoo!奇摩字典
http://tw.dictionary.yahoo.com/

yahoo與dr.eye合作的線上字典，字庫非常的豐富，例句也非常的多

2. 韋伯字典(Mrriam-Webster)
http://www.merriam-webster.com/

著名的韋伯字典，不用多做介紹，很多外國的老師一致推薦這個線上字典
唯一我挑他的缺點就是，不是使用KK音標 (台灣人比較熟悉KK音標>.<)
除非你熟悉它的音標符號，不然其實我還是常常得再用yahoo來確認我唸的對不對

3. 朗文字典(Longman)
http://www.ldoceonline.com/

這是我個人推薦，我非常喜歡它的排版，我覺得比韋伯好多了
它也會標明哪些用法是英式的用法，哪些是美式的用法，對於進階的英語學習者非常有幫助
不僅是用法，它連線上發音都有英式的發音與美式的發音
如果在內文中看到不懂的字，直接在字上面點兩下就可以直接連到該字的網頁，這個功能韋伯就沒有了

好了，先簡單介紹到此，如果真的要全部介紹線上字典，那可能介紹個三天三夜也介紹不完
我建議一般使用者也不用記太多網站，以上三個網站基本上就可以打發90%以上的使用了
如果你希望自己的英文能力更上層樓，我強烈推薦你使用英英的字典做查詢
這樣子才能用英文來思考英文，如果看不懂解釋就看例句，從例句與解釋中推敲意思，最後才使用中文字典來驗證
這種方法唯一的缺點只有一開始會很痛苦，但是根基紮穩之後你將會突飛猛進

學英文另一項另人覺得麻煩的就是查片語與idioms(我不曉得idioms要怎麼翻才適切，所以在此都用idioms)
簡單的片語，如 put on, get off, take off...你只要查put, get, take應該都沒什麼問題
但是遇到複雜一點的idioms，如：Speak of the devil. (說曹操曹操就到)，是該查speak還是查devil呢?
使用常用的yahoo與韋伯都找不到，用longman搜尋devil，嘿嘿，居然給我找到了(再推一次)

已經有人在笑我了....."笨，google一下不就好了!!"
對啦!!我正要講，每次都三個字典分開找，要找到什麼時候咧
這種時候，當然直接google啦~~~
果然馬上找到答案

但是google也不是每次都管用
舉個最簡單的例子..According to(根據)
使用google查詢之後

大都毫不相干，所以其實不能完全仰賴google做為字典的功能
所以在這裡，我又要來推薦另一個網站

4. The Free Dictionary
http://www.thefreedictionary.com

請不要因為它free的就覺得它鳥，事實上它的功能可強大的不得了
字多，剛剛我舉的幾個例子，在這裡全都找的到
而且也有發音(英式與美式都有)
也有像朗文的在字上點兩下會跑到該字網頁的功能
還配有圖片，讓你一目瞭然
只能說，自己去用用看，它的內容真的很多很豐富
連lol(laugh out loud)這種網路上的專用語，居然也查的到

它還提供了 Thesaurus 的功能，也就是同義字與反義字的查詢
什麼時候需要找同義字與反義字呢?
在練習寫文章的時候，因為你不希望同一個字重複出現太多次，這個時候就可以使用同義字
不過要查thesaurus也有另一個網站
 http://thesaurus.reference.com/

這些網站都是非常好用而且實用的工具

為什麼我要雞婆的這樣介紹呢?因為我常常看到很多同學在學英文
用翻譯機查詢的時候非常快，但是忘記的也非常快，用起來有時候更會產生錯誤
像should與have to，翻譯機查起來都是"應該"的意思
但是在使用上，should有建議的意思，而have to 卻有命令的意味
這些在字典裡都有註解，在翻譯機裡面是沒有的
所以希望想要增進英文能力的人，又不想動手翻字典的人
可以善用網路上的這些字典，不僅有詳細的解釋，又很方便
然而各字典都有各自的優缺點，不過只要掌握上面我說的幾個字典，應該都查到解釋

如果覺得在不同字典間切換很麻煩
我有用 Google Custom Search做了一個搜尋引擎，把以上的字典都整合起來到同一個頁面在
http://zydic.appspot.com/

畫面有點簡陋，但是基本上就是用google只搜尋字典，省的大家切來切去的麻煩
如果大家覺得google出來的結果不易讀，也可以點選上方的refine
可以幫大家直接切換到各個不同的字典

希望能夠幫大家省到時間
祝大家的英文都越來越進步!!

新增 iGoogle Gadgets 到你的blogger

2007-10-30T11:35:00.000+08:00

blogger in draft 又推出新功能
這次可以將常用的 iGoogle Gadgets 加到 blogger 中了

只要在加入網頁元素的時候
選擇加入互動工具

就可以選擇任何現有的 Google Gadget 到你的 blogger 了喔

有興趣的人可以試試看

幫文章加入便條紙 -- Sidenote

2007-10-15T16:26:00.000+08:00

有沒有用過 Sidenote 這個在電腦上加入便條紙的小工具呢?
現在你也可以在自己的文章中加入便條紙
不需要這個小工具, 只需要 arc90 lab 的 Unobtrusive Sidenotes javascript

什麼叫做在自己的文章中加入便條紙??
範例請看這

其實就是在你想要加註解的文字附近
加入一個類似便條紙的註解
讓閱讀文章的人更容易了解

以下稍微敘述一下如何在文章中加入 Sidenote
javascript 的部份，僅須簡單加入一句

<script language="JavaScript" type="Text/JavaScript" src="http://arc90.com/lab/tools/c/javascript/arc90hosted_sidenote.js"> </script>

接著，在想加入 note 的字串前後加入

<span class="sidenote" title="說明文字">要加入 note 的字串</span>

說明的文字
可以使用標準的 html
這樣可以更增加其豐富性
但是 html 要記得得 escape 唷
順便再推薦一個 online escape html 的方便好站
就不用去查 escape 的字元了

另外要注意的一點就是
這段 html 中所有的 double quote『"』, 都得使用single quote 『'』來代替
比如說要加入一個 link 連到 yahoo，就必須寫

&lt;a href=’http://www.yahoo.com’&gt;link.&lt;/a&gt;

如果要加入一個圖片，寫法如下

&lt;img src=’http://path/to/duck.jpg’&gt;

使用 Google AJAX Feed API 來顯示最新文章,最新回應的方式

2007-10-11T19:13:00.000+08:00

想要在 blogger 上顯示最新的文章/回應
可以參考 Fun New Run High 介紹的方式
它的原理其實就是訂閱一個 RSS feed

昨天無意間看到了 Google AJAX Feed API
就想說用這個來產生一個最新文章的列表看看(效果如右)

以下介紹這個區塊的產生方式
首先要使用 Google AJAX API
必須先申請一個 key
還沒有使用過 Google AJAX API 的朋友
可以參考這篇文章去 Google 申請一個 key

接下來到[範本]>[網頁元素] 新增一個 [HTML/JavaScript] 區塊
請把以下程式碼，先貼到筆記本

<script src="http://www.google.com/jsapi?key=剛剛申請的key" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<style type="text/css">
  @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
  .gfg-root {
    border:0px;
  }

  .gfg-title{
    display:none;
  }
</style>
<script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [
         {title: '',
          url: '自己的 RSS/ATOM url'
         }];
      var options = {
        stacked : false,
        horizontal : false,
        numResults: 5
      }
      new GFdynamicFeedControl(feeds, 'feedControl', options);
    }
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
  </script>
<div id="feedControl">Loading...</div>

接下來修改的一些小地方
讓它可以正常運作

<script src="http://www.google.com/jsapi?key=剛剛申請的key" type="text/javascript"></script>

請在http://www.google.com/jsapi?key=後面接上剛剛在 Google 所申請的key

      var feeds = [
         {title: '',
          url: '自己的 RSS/ATOM url'
         }];

請在 url 指定自己新文章/回應的 RSS/ATOM feed 的 url

再把修改後的程式碼
從筆記本貼到[HTML/JavaScript] 區塊中
儲存後就可以看到自己的最新文章/回應
以AJAX的方式呈現囉~~~

加入Google AJAX Search 自己Blog的內容

2007-10-10T01:45:00.000+08:00

常看到別人的 blog 上面有搜尋本站內容的 Google Search
但是每次都會導到另外一個新的頁面顯示結果
始終覺得不是很方便

使用 Google AJAX Search 之後
搜尋的結果就會直接顯示在原本的頁面上
不用在視窗中切來切去，方便多了~~(效果可以看右邊的搜尋bar)

以下介紹兩種安裝 Google AJAX Search 在自己blog上的方式
我不喜歡加入 Google 一般的 search
因為結果會太多，而且，直接在 Google Toolbar key關鍵字就好
所以以下兩種方式都是只 focus 在搜尋自己 blog 的內容而已

1. blogger 專屬懶人法

這個方法是[ METAMUSE ]介紹的
早知道有這麼方便的方法(下次 google 爬文要有耐心一點)
我就不用去研究 Google AJAX Search API 了 >.<
這個是 Blogger in Draft 所提供的
首先連到 Blogger in Draft 去修改版面配置
把搜尋框加到 blog 中

設定一下標題，選項....它的寫的超詳細的
我就不多說了

按下儲存就完成啦!!

2. 一般設定法

如果你不是blogger的使用者
或者你想一窺 Google AJAX Search API 的程式碼
就請使用此方法囉
首先請上Google AJAX Search API 去申請自己專屬的key

拿到 key 之後
網路上有前輩已寫好自動產生程式碼的工具
我們就直接使用這個好用的工具吧

產生出程式碼之後
就可以把這一段程式碼貼到 html/javascript 的區塊了

自動Highlight您的程式碼 -- HighLight.js

2007-09-29T01:31:00.000+08:00

網路上常常會有很多人分享程式碼
相信應該也有不少人在尋找好的顯示程式碼方式
但是阿塞看到大多數都是程式碼的區塊反白
並且對程式碼的字型做變化

今天在 WebAppers 看到介紹了一個很酷的 javascript
原文在此
它居然還能夠全自動的幫你的程式碼做 highlight 喔
不知道什麼叫 highlight?請看一下範例

阿塞還發現
它不僅僅是全自動
甚至還幾乎可以說是支援任意語言耶
目前支援的語言有

Python, Ruby, Perl, PHP, HTML, CSS, Django, Javascript, VBScript, Delphi, Java, C++, RenderMan (RSL and RIB), SQL, SmallTalk, Axapta, 1C

支援 Ruby 我不覺得驚訝
但是支援 Django ?? Django 不就是 python 嗎??
仔細一看，它居然可以支援 Django 的 template 語法
我的天呀!!連我的 editor 都沒有支援 Django 的 template 語法
沒什麼好說了, 立刻修改了原本程式碼的顯示, 改用 HighLight.js 囉

首先是你的程式碼的片段
阿塞之前使用 wordpress 的時候, 抓的 css 都是用<pre><code></code></pre>把程式碼包起來
當然我知道也有不少人的程式碼只有用 <code></code>包起來
不過我相信會 post 程式碼的人都有相關修改 css 的功力
阿塞在此僅提供<pre><code></code></pre>包起來程式碼片段的 css

它原本的 css 並不支援捲動
所以阿塞稍微修改了一下原本的 css
再將網路上蠻多人在使用的 code css 加上它所提供的 css
就長成了下面這付德性了
請把下面的 css 貼到範本的 html 當中 (修改前請先備分原本的html)

pre code[class]:after {
  content: 'highlight: ' attr(class);
  display: block; text-align: right;
  font-size: smaller;
  color: white; background: #CCCCCC;
  padding-top: 0.5em;
}

pre code {
  display: block;
  background: #CCCCCC url(http://abinlee.link.googlepages.com/BG_CODE.gif) repeat-y scroll left top;
  overflow: auto;
  padding:10px 10px 10px 21px;
}

pre code, 
.ruby .subst {
  color: black;
}

.string,
.function .title,
.class .title, 
.tag .attribute .value,
.css .rules .value,
.preprocessor,
.ruby .symbol,
.built_in,
.sql .aggregate,
.django .template_tag,
.django .variable,
.smalltalk .class {
  color: #800;
}

.comment,
.java .annotation,
.template_comment {
  color: #888;
}

.number,
.regexp,
.javascript .literal,
.smalltalk .symbol,
.smalltalk .char {
  color: #080;
}

.javadoc,
.ruby .string,
.python .decorator,
.django .filter .argument,
.smalltalk .localvars,
.smalltalk .array,
.css .attr_selector,
.xml .pi {
  color: #88F;
}

.keyword,
.css .id,
.phpdoc,
.function .title,
.class .title,
.vbscript .built_in,
.sql .aggregate,
.rsl .built_in,
.smalltalk .class,
.xml .tag .title {
  font-weight: bold;
}

相信大多數人的 blogger 裡面應該都有一塊以上的 html/javascript 區塊了
請在裡面加入

<script src="http://softwaremaniacs.org/media/soft/highlight/highlight.js" type="text/javascript"></script>

<script type="text/javascript">
    initHighlightingOnLoad('1c', 'axapta', 'cpp', 'delphi', 'xml', 'html', 'css', 'django', 'java', 'javascript', 'perl', 'php', 'python', 'rib', 'rsl', 'ruby', 'smalltalk', 'sql', 'vbscript');
</script>

這樣你的程式碼就會自動 highlight 囉~~~

許多含有Blogger教學的網站

2007-09-28T01:45:00.000+08:00

最近剛玩 blogger
在玩的同時，在網路上搜尋到不少有 blogger 密技的網站
在此做個整理

Fun New Run High

網路上看到的大多數 blogger 的技巧
本站都有很詳細的教學，超級圖文並荗的啦~~

Racklin's 阿土伯程式大觀園

阿土伯自己開發了很多 blogger 的hack
安裝簡單效果又棒

Kaie's Blog

Kaie大的網站做的很酷炫
也有一大堆實用的秘技喔

堯@部落格

堯大部落裡不僅有許多 blogger 的 hack 技巧
同時他也非常關心樂生的問題

Ben's 部落不及格

Ben介紹了很多如何讓 blogger 更好看的方法

Bubble Tooltips

2007-09-27T14:23:00.000+08:00

今天在WebAppers看到這個蠻酷的Bubble Tooltips

可以在文章的超鏈結中顯示 tooltips

Demo 擷取畫面如下：

原文章中有講述如何使用此tooltip

我整理了一下簡便使用的方法
大家只要copy paste應該就能使用了
請把以下的 html 貼到 html 的 header 中

<script src="http://web-graphics.com/mtarchive/BubbleTooltips.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips()};
</script>
<style type="text/css">
.tooltip{
    width: 200px; color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(http://web-graphics.com/mtarchive/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(http://web-graphics.com/mtarchive/bt.gif) no-repeat bottom}

接下來就可以在文章中所有的超連結中加入酷炫的 Bubble Tooltip 了
在 a 的標籤中，加入title, 可以為該 tooltip 加入敘述喔~~

<a href="www.mlb.com" title="美國職棒大聯盟的官方網站">