WangAguo wa wa wa

2007年6月8日星期五

網站開發良藥

urlTea: urlTea 好用的縮短網址服務
urlTea是一個好用的網址縮短服務，這個服務和其他的縮短網址服務有一點不同的地方，urlTea可以在產生的網址後面用「?」再加上你自己喜愛的字串，方便用來描述這個網址，以本站為例：
縮短網址後：http://urltea.com/253
縮短網址加字串：http://urltea.com/253?hotnews

以上二個網址都會連到本站的，但第二個網址加了一些字串，可方便辨別，測試過後覺得他的速度也蠻快的喔！不過因為Server在國外就拖慢了速度。
I Want Hot News
Ajaxload: Ajax 載入中的圖片gif產生器
everystockphoto: [推薦]everystockphoto 超過百萬張的免費圖片
everystockphoto是一個收集了上百萬張的圖片，基於creative commons的精神，你可以免費使用，以後會繼續增加圖庫，讚讚讚！欠圖檔的人可以到這裡來尋寶。
I Want Hot News
FONTS500: 500個免費英文字型
Fonts 500顧名思義就是提供500個免費字型，每個都很精美，比較偏藝術風，對於一些網頁設的美工人員，應該有蠻大的用處，下圖是擷取幾個字型的畫面。
I Want Hot News
IconFinder: iconfinder是專門尋找icon的搜尋引擎，只要輸入你要找的名稱，就會列出資料庫中所有的icon，目前只有上萬個icon，相信不久後應該會越來越多，可以選擇大小來呈現要找的icon！
I Want Hot News
精選25款免費字型: 由Vukan Karadzic所精選的25款免費字型，喜歡搜集的人可以看瞧瞧，我個人偏愛手寫字型及簽名字型！I Want Hot News
IconArchive: 有很多的Icon，但好像都只有個人使用及非商業．
搜尋的時候加上 -"personal desktop use only"-"non-commercial use"，就可以排除．
OSWD - Open Source Web Design: Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place.
Currently 2080 free designs!

CSS 好東西

53個你不能錯過的CSS技巧
12個基本CSS樣版下載
2006年50個基於CSS的最佳網頁設計
為何使用表格排版是不明智的: 說明應讓用div加CSS的排版方式，而非用表格。
CSS Browser Selector: 可以針對不同的Browser來設定CSS的CSS Browser Selector。
w3schools css 參考
maxdesign css教學
Sample CSS Page Layouts
IE7: IE7 is a JavaScript library to make IE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6

資料來源: http://joshnote.wordpress.com/2007/02/13/%e7%b7%9a%e4%b8%8a%e5%b7%a5%e5%85%b7%e2%80%93html-unicode/

當你在Blog要貼上html程式碼時，最麻煩的是什麼？

我想有經驗的人一定知道，那就是<和>這兩個符號，常常動不動就被吃掉，偏偏這兩個符號又最常用，在我剛用Blogger的時侯，就常常為了要使<和>這兩個符號正常顯示而花了不少時間。

現在我介紹給各位一個好物，很方便的線上工具–HTML unicode，如下圖：

當你下次要在Blog上貼上Html程式碼時，只要到HTML unicode這裡，把你的程式碼貼在 Original這個textarea內，它就會把轉換好的程式碼顯示在Charcode這個textarea之中，你再Copy到你的文章之中就行了，很方便吧！

2007年6月7日星期四

Blogger新版Template的ReadMore

設定->格式->文章範本

1. 填入: 這裡是文章的開頭。 <span class="fullpost">這裡是文章的其餘部份。</span>
2. 存檔

範本->修改 HTML

0.備份 / 還原模版->在編輯模版之前，先儲存一份模版。 (重要)

1.核選"展開小裝置範本" (重要)

2.在<Head></Head>中加入

<style type="text/css">
  <b:if cond='data:blog.pageType == "item"'> 
    span.fullpost {display:inline;}
  <b:else/>
    span.fullpost {display:none;} 
  </b:if>
</style>

3.在<div class='post-body'></div>中加入

<b:if cond='data:blog.pageType != "item"'>
  <br/>
  <b:if cond='data:post.link'>
    <a expr:href='data:post.link'>Read more!</a>
  <b:else/>
    <b:if cond='data:post.url'>
      <a expr:href='data:post.url'>Read more!</a>
    <b:else/>
      <data:post.title/>
    </b:if>
  </b:if>
</b:if>

接著再新增一篇文章試試! 把不顯示的部份放在<span class="fullpost"></span>之中.
您可再做一些調整讓畫面更好看.
以上是給新版本Blogger的Template用的.

以下是相關的說明網頁, 都有一些小問題, 舊版的是"傳統範本", 新本的是[版面配置], 我是依照說明再做修改才能運作的.
原說明的<a href="<data:post.url/>">Read more!</a>是有問題的!

http://help.blogger.com/bin/answer.py?answer=42215
http://help.blogger.com/bin/answer.py?answer=42214
http://help.blogger.com/bin/answer.py?answer=46995

2007年5月2日星期三

自動將選取的文字放入clipboard

getSel()傳回選取的文字
copy_clip(txt)將文字放入clipboard
在body的onmouseup="copy_clip(getSel());", 就可以自動將選取的文字放入clipboard囉!


function copy_clip(meintext)
{

 if (window.clipboardData) 
   {
   
   // the IE-manier
   window.clipboardData.setData("Text", meintext);
   
   // waarschijnlijk niet de beste manier om Moz/NS te detecteren;
   // het is mij echter onbekend vanaf welke versie dit precies werkt:
   }
   else if (window.netscape) 
   { 
   
   // dit is belangrijk maar staat nergens duidelijk vermeld:
   netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
   
   // maak een interface naar het clipboard
   var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
   if (!clip) return;
   
   // maak een transferable
   var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
   if (!trans) return;
   
   // specificeer wat voor soort data we op willen halen; text in dit geval
   trans.addDataFlavor('text/unicode');
   
   // om de data uit de transferable te halen hebben we 2 nieuwe objecten nodig   om het in op te slaan
   var str = new Object();
   var len = new Object();
   
   var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
   
   var copytext=meintext;
   
   str.data=copytext;
   
   trans.setTransferData("text/unicode",str,copytext.length*2);
   
   var clipid=Components.interfaces.nsIClipboard;
   
   if (!clip) return false;
   
   clip.setData(trans,null,clipid.kGlobalClipboard);
   
   }
   //alert("Following info was copied to your clipboard:\n\n" + meintext);
   return false;
}

function getSel()
{
 var txt = '';
 var foundIn = '';
 if (window.getSelection)
 {
  txt = window.getSelection();
  foundIn = 'window.getSelection()';
 }
 else if (document.getSelection)
 {
  txt = document.getSelection();
  foundIn = 'document.getSelection()';
 }
 else if (document.selection)
 {
  txt = document.selection.createRange().text;
  foundIn = 'document.selection.createRange()';
 }
 else return;
 //alert(txt);
 //alert(foundIn);
 return(txt);
}

2006年12月22日星期五

會響的 PuTTY + screen + irssi

當PuTTY 視窗切到背景時，希望當關鍵字（例如自己的 ID ）出現時，視窗就會發出通知，例如：閃爍或聲音。

1. irssi設定以下, 讓irssi發出訊號
/set beep_when_window_active ON
/set beep_when_away ON
/set beep_msg_level MSGS NOTICES DCC DCCMSGS HILIGHT
/set bell_beeps ON
2. ~/screenrc 裏加上vbell on或在screen裏按Ctrl-a Ctrl-g, 讓screen 會通知putty,
3. putty的settings->Terminal->Bell->Set the style of bell
可以選擇putty通知你的方式
　．選擇Visual Bell(Flash Window)，讓Putty通知Windows閃爍．
　．選擇Play a custom sound file，可以發出聲音．

備註:

可用的beep_msg_level(設定樣什麼樣的訊息才要通知)如下:

CRAP, MSGS, PUBLIC, NOTICES, SNOTES, CTCPS, ACTIONS, JOINS, PARTS
QUITS, KICKS, MODES, TOPICS, WALLOPS, INVITES, NICKS, DCC, DCCMSGS,
CLIENTNOTICE, CLIENTCRAP, CLIENTERROR

And a few special ones that could be included with the levels above:
HILIGHT - text is highlighted
NOHILIGHT - don't check highlighting for this message
NO_ACT - don't trigger channel activity when printing this message
NEVER - never ignore or log this message (not a good idea usually)

參考資料
1.Jedi's BLOG http://jedi.org/blog/archives/003191.html
2.My_Beep Irssi-script http://www.xs4all.nl/~stacium/irssi/my_beep.html

更新時間 2007/06/07

網頁

2007年6月8日 星期五

2007年6月7日 星期四