[Mac] Keyfixer 0.4 for Firefox and Thunderbird

　　這真是個好東西呀，原本在Mac OS X版本的Firefox的key binding和Windows的有點差異，像是Home/End按鈕在Mac上是無效的，必預按⌘+left(Home)以及⌘+right(End)，個人覺得有點難按，不太習慣，後來Google了一下，發現這位仁兄跟我有同樣的困擾，於是手癢生出了這個patch，相關下載資訊如下Description: Patches the key bindings for Mac OS X users of Firefox and Thunderbird to match the key bindings of Windows.
Download: https://addons.mozilla.org/en-US/firefox/addon/9796


[CSS] hideFocus Property

如何避免超連結在點選時會出現"虛線外框"呢?! 因為我的Blog裡有一些由圖片組成的"Navigation Icon"及"Navigatin Bar"...所以一當點選此類連結時，便會出現預設的"虛線外框(如下圖)"，個人覺得那虛線相當的礙眼...XD，破壞整個美感!!
若你跟我有相同感受的話，那你就跟著底下作吧... :p

有底下兩種作法：
1. 針對單一超連結的作法: 加上 hidefocus="true" 屬性 (For IE only)
Example:<a href="http://www.google.com" hidefocus="true">Google</a>

2. 透過CSS的作法 (For IE & Firefox )
Example:<style>
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none} /* For Firefox */
</style>
※若是使用Blogger的話，那就將方法2.的code加在</head>的上方即可 ^_^，若是別的Blog平台請自行摸索啦…
[UPDATE 2009/05/22] 資料來源 : http://www.wowbox.com.tw/blog/article.asp?id=3310

<style type="text/css">  
    .wrap{position:relative;}  
    .btns{zoom:1;}  
    .btns *{outline:0;zoom:1;background:#f2f2f2;}  
    .btns button::-moz-focus-inner{border-color:transparent!important;}  
</style>  
<div class="wrap">
    <div class="btns">  
        <button type="button">確定</button><button type="button">取消</button>  
        <a href="#">確定</a><a href="#">取消</a>  
    </div>
</div>

[Browser] Browser Compatibility Notes

因為之前我在這個Blog裡頭加了一個Javascript語法，為了達到[Blog Plugins]中的customizable tooltips效果，在Firefox中正常，但是在IE底下卻出現了 "Internet Explorer 無法開啟網際網路網站，操作已終止[Example]""，Oh My God...什麼鳥呀 XD! 對於javascript不熟的我，懶得花時間去Debug了，於是想辦法讓這段Javascript語法在IE中不要執行，方法如下：

． Conditional comment: (for css, xhtml, javascript)

<!--[if IE]>
 All IE browser
<![endif]-->
<!--[if IE 6]>
 IE 6
<![endif]-->
<!--[if IE 7]>
 IE 7
<![endif]-->
<!--[if lt IE 7]>
 IE 6 以下 (含)
<![endif]-->
<!--[if !IE]>  -->
 IE 4 或 其他 browsers
<!-- <![endif]-->

．Conditional compilation: (only for Javascript)

<script type='text/javascript'>
/*@cc_on @*/
/*@if (@_jscript_version >= 5.7)
   // IE7 &#25110;以後
@elif (@_jscript_version >= 5.6)
   // IE6
@elif (@_jscript_version >= 5.2)
   // IE5.5
@elif (@_jscript_version >= 5)
   // IE5
@else @*/
   // 其他 browser ,例如 Firefox, safari, IE 4.x
/*@end
@*/
</script>

．以上資料參考來源:
Xexex's Java 和其他二三事 : Browser相容性技巧筆記

[2007/03/21 Updated]div#milkr{width:200px;} /*-for ff-*/
* html div#milkr{width:180px;} /*-for ie6-*/
*+html div#milkr{width:150px;} /*-for ie7-*/

[Firefox] 某些Login頁面出不來!!

．Problem：之前常因為要登入Google的某些服務，像是Google Analytics或是Blogger就因為要Login的那個Frame出不來，導致無法登入，如下圖中「右上角的那個Frame」

．Solution：

後來，Firefox重灌了好幾次，灌完後乾淨的Firefox可以，一裝完常用的Extension時就又出現這問題了 Orz!! 後來發現是因為裝了Google出的「Brower Sync」，同步完之後才出問題的，可能是因為某些Cookie導致的樣子!!因為我執行了Firefox -> Tools -> Clear Private Data中的「Cookies」之後就解決了!!

[Software] Mozilla Plugins -> Google Notebook

Google Lab又推出新產品了，這回是「Google Notebook」，剛試用了一下，感覺蠻贊的。跟一般的「記事本軟體」不同的地方，應該它不限你所使用的是哪台電腦，因為你作完Note之後，他是記錄在線上的，這點感覺蠻貼心的!! 但這樣的話，跟「Google Calendar」似乎又有那麼些相似，若你要簡單容易上手的Notebook軟體的話，這套算是很簡便的東西，在網頁上看到某段感興趣的文字的話，選取之後，直接點右鍵->「Note This」馬上就可以作筆記，還蠻不賴的。

底下為Google Notebook所列出的幾項優點：

• Clip useful information.
  You can add clippings of text, images and links from web pages to your Google Notebook without ever leaving your browser window.
  
  
• Organize your notes.
  You can create multiple notebooks, divide them into sections, and drag-and-drop your notes to stay organized.
  
  
• Get access from anywhere.
  You can access your Google Notebooks from any computer by using your Google Accounts login.
  
  
• Publish your notebook.
  You can share your Google Notebook with the world by making it public.

[Firefox] Firefox Dog

在http://biboz.net/244-firefox-20/Blog中看到的 Firfox Dog(不是一般真正的狐狸犬)，可愛到爆，真想養一隻。

[Software] Mozilla Plugin -> Sage

突然有天發現，每天要看的Blog實在是有點多，一個一個看會Orz。以前就知道有 "RSS and Atom feed reader"這種東西，只是一直懶得裝，這幾天終於把他裝起來了，超方便的，這種Reader真是個很棒的設計，省時有效率，對於我這種網路人來說，可以減少不少時間，多讀點書...哇哈哈(最好是)!! Sage這一套用起來頗順手的，很方便，推薦給大家…