Categories
公告佈達

網站的個人首頁

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

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

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

Categories
通風報信

通順一致的 CSS 編寫原則

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

Categories
胡言亂語

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

Markdown Mark
Markdown Mark

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

Categories
通風報信

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

GRUNT
GRUNT

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

Categories
通風報信

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

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

Categories
通風報信

Firefox的分頁縮圖預覽

Enable Firefox Tab Previews
Enable Firefox Tab Previews

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

Categories
通風報信

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

Fedora 18 Spherical Cow
Fedora 18 Spherical Cow

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

Categories
通風報信

Pentadactyl──讓Firefox在指間飛躍

Pentadatyl
Pentadatyl

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

Categories
通風報信

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

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

Categories
通風報信

Upgrade to RequireJS 2.0 and almond 0.1

前陣子RequireJS升級到2.0了,所以來記述一下相關的做法。
由更新說明文件 Upgrading to RequireJS 2.0 上可以知道,2.0版最重大的變化就是 shim 這項設定,大大提升引入不支援AMD定義的模組方便性,以下開始講解前篇文章的範例該如何做升級修改。