Snap Shots - 預覽頁面上的超連結

現在常常看到很多人的網站或是 Blog，當滑鼠移到有鏈結文字或圖片就會出現該網站的預覽，這是 Snap Shots 所提供的免費服務，只要去申請取得一段 JavaScript 程式碼，把它加在你的網站裡就可以了喔。

Snap Shots

Jackbin 的 Firefox 資源網

豐富的詳細介紹 Firefox 及相關教學，也包含了許多擴充套件的介紹喔。

Jackbin 的 Firefox 資源網

[Firefox Add-ons] 新同文堂 - 中文網頁的繁簡體轉換

能直接把網頁上的簡體字轉為繁體（或繁體轉簡體），直接轉換不開新視窗、不換頁、速度很快。

至於簡繁詞彙差異的轉換上略顯不足，但是總比看不懂是什麼字來的好多了。



套件網站
相關討論
Firefox 擴充套件 Top 15

[Firefox Add-ons] JSView - 檢視網頁外連的 css 及 js 檔案

JSView 這是一個可以讓你快速開啟檢視別人網頁中所使用的外連 css 及 js 檔案，就不必費心去檢視網頁原始碼來慢慢找了。這是一個可以讓你快速開啟檢視別人網頁中所使用的外連 css 及 js 檔案，就不必費心去檢視網頁原始碼來慢慢找了。

JSView

不需圖片只用純 CSS 便能做出圓角效果

以前設計網頁的時候如果想要做出單純圓角的效果，就要畫出很麻煩的 table 然後利用圖片來產生圓角。如果要自己用 CSS 來做，對於 CSS 不熟的人這問題就更是頭大。

Spiffy Corners 是一個只使用純 CSS 便能幫助使用者做出圓角效果的網站，而且只需要填入幾個簡單的參數，就會顯示 CSS 及 HTML 碼。

Spiffy Corners

meebo 把 yahoo, msn, ICQ, aim, googletalk, jabber 拉在一起了

看到 meebo.com 想起有些人在公司電腦裡不方便安裝 msn、Yahoo 即時通，有了 meebo.com 大家就可以不安裝任何軟體，偷偷跟好朋友聊天了喔。

meebo.com 可以將多種通訊軟體，整合到一個介面上，不用安裝任何軟體， 支援中文。

meebo.com

我的 AJAX 哪裡出錯了？

寫 AJAX 程式不會動是常常發生的事情，可是 JavaScript 到底哪裡出錯這就很頭大了，要如何有效的 Debug 以下是我的一個小方法。

寫關於 AJAX 程式大家最少要檢查兩個瀏覽器的執行結果『Firefox 及 IE』，JavaScript 程式 Firefox 執行正確在其他瀏覽器通常都沒問題，但是有時候在 IE 卻是不行的。Firefox 提供了 IE Tab 的擴充元件，在兩個瀏覽器切換非常方便，請參閱『讓 Firefox 可以直接使用 IE 來瀏覽網頁』。

Firefox 及 IE 也都提供了 JavaScript Debug 的擴充元件如下︰

Firefox︰
。Firebug
。JavaScript Debugger

IE︰
。Script Debugger
。Internet Explorer Developer Toolbar

PS. Firefox 的 Firebug 鏈結位置好像有問題，如果找不到請按此鏈結。

Google Analytics - 網站流量分析

真不知道該如何介紹 Google 所提供的這項服務，它的功能實在太強大了，所分析的資料內容項目細膩到我們無法想像，您沒想到的 Google Analytics 都幫您想好了。重要的是這強大的流量分析系統是免費的，趕快去申請試試看吧，讓自己更了解所架設的網站及 Blog。

Google Analytics

線上影音介紹

Google 地圖 - 最屌的線上地圖

網路上有許多線上地圖可以使用，但是像 Google 這麼屌的應該是沒有了，不但可以透過地址查詢地圖，還可以透過關鍵字及區域來查詢您所要找的地方，例如︰餐廳、景點等。

您可以擁有自己的地圖將所查詢出來的地點記錄下來，例如我一位朋友將旅遊行程規劃在地圖上如下︰


『2007奧地利捷克之旅』 - 資料來源『阿修的部落格』

至於還有那些功能那就等您自己上去體驗看看了。

Google 地圖

SyntaxHighlighter 語法高亮標記

這應該不需要做太多的介紹，這對於想在網頁上呈現一些程式碼，非常方便而且美觀，SyntaxHighlighter 組件可以至 Google Code 下載，使用方式很簡單，下載該組件後，在要使用的頁面上加入︰
<br /><link href="Styles/SyntaxHighlighter.css" rel="stylesheet" type="text/css" /><br /><script src="Scripts/shCore.js" type="text/javascript"></script><br /><script src="Scripts/shBrushXml.js" type="text/javascript"></script><br /><br /><script class="javascript"><br /><!--<br /> dp.SyntaxHighlighter.HighlightAll('code'); <br />--><br /></script><br />
其中 js 檔案要含入 shCore.js 後，再含入 shBrushXXX.js 其中 XXX 為要使用的程式語法，如 Xml、Php 等。接下來就是要一行起始指令︰
dp.SyntaxHighlighter.HighlightAll('code');
其中的 'code' 為要 highlight 區域 (textarea) 的名稱。在頁面使用範例如下︰
<br /><textarea name="code" class="xml"><br /> <font color="#FF0000" size="3"><br /> <b>這是範例</b><br /> </font><br /></textarea><br />
其中的 name 就指定為 code 即可, 而 class 則為要 highlight 的程式語法名稱對應的 class 如 xml。
如希望顯示預設先不展開，可以這樣下︰
<br /><textarea name="code" class="xml:collapse"><br /> <font color="#FF0000" size="3"><br /> <b>這是範例</b><br /> </font><br /></textarea><br />