分類
通風報信

Add-on SDK 已經整合進 Firefox

Firefox 在 22 已經整合了原先的 Add-on SDK,各個模組都已包含在 Firefox 裡,並將過時的 API 一併廢棄,也因此之前使用 SDK 開發的套件都必須使用 1.14 版重新打包,目前還沒有下一代 SDK,只能繼續使用原先的 1.14 版來開發。

Firefox 23 開始 SDK 團隊繼續增添改進,新的功能如終於可以自訂 Panel 出現的位置,不過由於 SDK 還沒有新版,包含這些新功能的文件就只能在線上翻閱了。

Dictionary Panel
Dictionary Panel

既然可以自訂 Panel 的位置,我就順手將這個功能加到 Dictionary Panel 上面,並使用 simple-prefs 模組來提供選項切換,只需要簡單的修改就完工了。

分類
公告佈達

網站的個人首頁

homepage
話說使用 kidwm.net 這個網址已經好幾年了,卻一直沒有好好地擺上像樣的首頁。

終於等到時機弄了個單純的首頁,簡潔到只有三個連結,其中聯絡用的部分,再三考慮最後還是選了 Twitter 放上,雖然我是那種只瀏覽不發表的類型,也不是挺喜歡 Twitter 的使用方式,但就讓人找上門的功能性來考量還是不錯用的啦。

暫時就先這樣,以後有空再繼續翻修門面吧。

分類
通風報信

通順一致的 CSS 編寫原則

通順一致的CSS編寫原則是翻譯自 Nicolas GallagherPrinciples of writing consistent, idiomatic CSS,我已盡力讓譯文淺顯易懂又不失本意,雖然看起來好像有種比起直接看原文更不容易懂了的感覺,安慰一下自己,至少原文真的看不懂的時候還能當作參考吧。
除了 CSS 沒再侈譯成串接樣式表外,diff 與 blame 也以術語形式保留,希望各位不吝指教以期改進。

分類
胡言亂語

kidink,簡單的 Markdown 文件呈現框架

Markdown Mark
Markdown Mark

近來不少靜態網頁產生工具都支援使用 Markdown 來寫作,而在網頁上藉由 showdown 等 javascript 工具的轉換,自 Markdown 即時生成 HTML 文件的用法一直為人熟知。於是我就想做個實驗看看直接使用 Markdown 在瀏覽器端動態生成 URL 指定的網頁內容可不可行,結果還不錯,就有了這個玩具 ── kidink,這裡有實際的展示

分類
通風報信

Grunt──網站開發的自動化任務執行工具

GRUNT
GRUNT

隨著網頁前端的技術發展,原始碼編譯、圖片最佳化、壓縮合併、內容代換、語法檢查、程式測試等等工作不斷地在我們的開發流程中出現,但是一樣一樣執行又要搭配不同的狀況來組合,實在讓人感到麻煩,幸好前端的工具也發展得很快,已經有成熟的解決方案可以來處理這些過程,Grunt就是這樣的一個方便的任務執行框架,讓你可以自動化執行這些繁瑣的開發工作。

分類
通風報信

用StyleDocco來撰寫CSS樣式指引文件

在撰寫網頁樣式的時候,有時候會遇到跟其他人(通常是設計師)一起合作的場合,要是像程式碼那樣的Style Guide,有一份樣式上的指引文件幫助溝通以及讓夥伴們遵循,想必會提昇不少溝通上的效率。
現在已經有了一些工具可以從CSS原始碼中自動產生這樣的指引文件,StyleDocco就是其中之一。

分類
通風報信

Firefox的分頁縮圖預覽

Enable Firefox Tab Previews
Enable Firefox Tab Previews

Firefox忘記從哪個版本開始加入了這個隱藏功能,就是能把目前開啟的分頁列表用縮圖的方式來呈現。

分類
通風報信

Fedora 18──姍姍來遲的渾圓乳牛

Fedora 18 Spherical Cow
Fedora 18 Spherical Cow

由於重新改寫了系統安裝程式Anaconda,Fedora 18 Spherical Cow這次發揚了延期的傳統,足足推遲了2個多月才終於釋出。

分類
通風報信

Pentadactyl──讓Firefox在指間飛躍

Pentadatyl
Pentadatyl

想必常接觸命令列環境的人一定都知道編輯器之神Vim吧,如果同時是Firefox的愛用者的話可能也會聽過Vimperator這個可以讓Firefox透過類似Vim的操作邏輯來瀏覽網頁的套件吧。不過這裡要介紹的是另一個自Vimperator發展出來的Pentadactyl,相較於Vimperator,擁有免重新啟動Firefox的優勢,所以我就選它來使用了。

分類
通風報信

用Add-on SDK來寫簡單的Firefox套件

之前用來解說Firefox Add-on SDK的範例NOWnews Onepage雖然很有挑戰性但用到了底層API好像有些太複雜了,其實SDK作者群也有提供簡單的範例放在Builder,不過這次我要分享的是SDK開發文件在改版前的示範套件,並加上一些修改讓它實用化。