分類
通風報信

CSS 分散對齊橫列選單項目

在打造網站版面時,有時候為了美觀因素,在網站的主選單會把項目內容分散對齊,讓視覺重心看起來比較平衡。


.__wrapper {
  width: 960px;
  margin: 0 auto;
}

.__hidden {
  display: none;
}

ul.__inline {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.__inline > li {
  display: inline-block;
}

以上是一個基本的主選單內容,要達成這個目的,以 CSS 一般來說有以下三種作法:

分類
通風報信

Fedora 20 “Heisenbug” 與台灣社群支援站

Fedora 20
Fedora 20

Fedora 20 不負一再延期的優良傳統,在比最初的預定發行日期晚了一個月後,總算於12月中順利釋出。
這次台灣社群在1月初也和往常一樣在台北舉行了 Release Party,我在活動上終於把延宕多時的台灣社群支援站公開上線。

分類
野人獻曝

Git hooks 的執行腳本管理

Git hooks 是 git 在開發流程上很有用的機制,以其中的 pre-commit 來說,最為人熟知的用途就是在 commit 前自動執行測試,以檢查新增的內容是否有缺失。此外還有其它促進團隊協作的用法,例如檢查 commit message 是否合乎規定的格式,或是禁止直接 commit 到 master branch 等等。

分類
通風報信

ZURB Foundation 新版 5.0 釋出

ZURB Foundation 5
ZURB Foundation 5

Bootstrap 齊名的網頁前端開發框架 ZURB Foundation 前幾天出 5.0 新版啦。

分類
走馬看花

Mozilla Summit 2013 in Brussels

Mozilla Summit 2013 in Brussels
Mozilla Summit 2013 in Brussels

繼去年有幸去參加在新加坡舉行的 MozCamp 後,今年也得到了參加 Mozilla Summit 的機會,這次一共在 Brussels、Toronto、Santa Clara 三個城市一同盛大舉辦,而且我還很幸運改抽到了去布魯塞爾,到歐盟首府去開開眼界。

分類
通風報信

使用 git subtree 來分拆子目錄成獨立的新 repo

以往要達到分拆子目錄成新的 repo ,就像這個問題在 Stack Overflow 上原本的解答那樣,得用上 git filter-branch 跟一堆繁複的流程才能達成,不過後來有人寫了 git-subtree來專門處理這件事,由於這個功能似乎太常被用到,所以在 git 1.7.11 以後就有內建這個模組了(但是不一定有裝上去),現在使用 git subtree 指令可以很簡單地把單一資料夾相關的 commit 都抽出來。

分類
通風報信

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,這裡有實際的展示