自製中文網頁字形(Web Font)並內崁至網頁中(使用 CSS @font-face)

這裡教大家如何自己製作中文的字形檔,並轉為網頁用的字型格式,藉由 CSS 的 @font-face 功能在網頁中使用。 現在大部份的瀏覽器都可以支援 @font-face 這樣的自定網頁字型功能,但是到目前為止這項技術大部份都是應用於英文的字型上,而中文的字型檔由於大小通常都很大,如果讓使用者在看網頁文字時還要再下載好幾 MB 的字型檔,通常都會讓整個網頁效率大幅下降,所以大部份的網頁中的中文字都比較少使用自定的字型。 ...

January 2, 2014 · G. T. Wang

Bigfoot.js:以對話方塊顯示網頁文章註解的 jQuery Plugin

Bigfoot.js 是一個可以使用對話方塊顯示網頁文章註解的 jQuery Plugin,讓讀者在閱讀時不用捲動網頁即可即時閱讀註解。 一般在網頁或是部落格中撰寫文章時,有時後會遇到需要加入註解(註腳)的情況,而讀者在閱讀含有註解的文章時,通常會需要使用捲軸(或是以超連結的方式)往下捲動網頁到下方的註解處來閱讀,閱讀完註解再回到本文繼續閱讀。 ...

December 31, 2013 · G. T. Wang

CSS 網頁字型 @font-face 使用教學與範例

這裡介紹 CSS 的 @font-face 使用方式與範例,讓網頁設計者可以在網頁的字型使用上更有彈性。 @font-face 這個 CSS 的 at-rule 可以讓網頁設計者可以使用網路上的字型檔來顯示網頁中的文字,甚至還可以讓設計者使用自己所提供的字型檔,讓網頁的設計更具有彈性,在選擇字型時就可以不需要考慮一般的電腦是否有安裝,凡是放在網路上的任何字型檔都可以使用。而 @font-face 除了在 CSS 的頂層設定上使用之外,在任何 CSS 條件群組(conditional-group)at-rule 中也可以使用。 ...

December 31, 2013 · G. T. Wang

網路的延遲(Latency)與頻寬(Bandwidth)是什麼?

這裡介紹網路的延遲(Latency)與頻寬(Bandwidth)是什麼,以及它們對於我們的網路有什麼影響。 在過去幾年中,網路效能最佳化(web performance optimization,簡稱 WPO)這個產業快速成長,這個現象也顯示了網路速度對於使用者而言也越來越重要,如果一個網站可以提供比較快速的網路服務,除了改善使用者經驗之外,連同網站的流量與其附帶的效益也都會跟著增加。 ...

December 27, 2013 · G. T. Wang

Conky:Linux 桌面上簡潔又漂亮的系統監控軟體

Conky 是一個適用於 Linux 桌面的系統監控軟體,有非常簡潔且漂亮的介面,可以讓你的 Linux 桌面看起來就好像動態的儀板表一樣。 在 Linux 系統中有許多的系統監控工具,這類的工具可以讓你知道目前 CPU 與記憶體的使用率、網路上傳與下載的即時流量、硬碟的使用量等各式各樣的資訊,如果你時常需要觀察這類的數值,那麼老是要開啟這類的監控軟體會是一件很麻煩的事,而在系統狀態列上的監控小工具雖然可以隨時讓你看到最新的資訊,但是這樣的小工具又礙於版面限制,能夠顯示的資訊也很有限。 ...

December 27, 2013 · G. T. Wang