
隨著網頁前端的技術發展,原始碼編譯、圖片最佳化、壓縮合併、內容代換、語法檢查、程式測試等等工作不斷地在我們的開發流程中出現,但是一樣一樣執行又要搭配不同的狀況來組合,實在讓人感到麻煩,幸好前端的工具也發展得很快,已經有成熟的解決方案可以來處理這些過程,Grunt就是這樣的一個方便的任務執行框架,讓你可以自動化執行這些繁瑣的開發工作。
作者: WM
在撰寫網頁樣式的時候,有時候會遇到跟其他人(通常是設計師)一起合作的場合,要是像程式碼那樣的Style Guide,有一份樣式上的指引文件幫助溝通以及讓夥伴們遵循,想必會提昇不少溝通上的效率。
現在已經有了一些工具可以從CSS原始碼中自動產生這樣的指引文件,StyleDocco就是其中之一。

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

想必常接觸命令列環境的人一定都知道編輯器之神Vim吧,如果同時是Firefox的愛用者的話可能也會聽過Vimperator這個可以讓Firefox透過類似Vim的操作邏輯來瀏覽網頁的套件吧。不過這裡要介紹的是另一個自Vimperator發展出來的Pentadactyl,相較於Vimperator,擁有免重新啟動Firefox的優勢,所以我就選它來使用了。
之前用來解說Firefox Add-on SDK的範例NOWnews Onepage雖然很有挑戰性但用到了底層API好像有些太複雜了,其實SDK作者群也有提供簡單的範例放在Builder,不過這次我要分享的是SDK開發文件在改版前的示範套件,並加上一些修改讓它實用化。
前陣子RequireJS升級到2.0了,所以來記述一下相關的做法。
由更新說明文件 Upgrading to RequireJS 2.0 上可以知道,2.0版最重大的變化就是 shim 這項設定,大大提升引入不支援AMD定義的模組方便性,以下開始講解前篇文章的範例該如何做升級修改。
之前的文章講過了怎麼用Add-on Builder來寫套件,但是線上編輯器實在不是很順手,也沒有一個單純乾淨的測試環境,正好Firefox的Memshrink改進需要套件使用新的SDK重包,所以這次就改用Add-on SDK直接在自己的電腦上來做重新包裝的動作。

