原生 CSS 的預處理器：Myth 介紹與使用

昨天閱讀 CSS Secret 時，作者提到了 Myth 這套預處理器，所以研究了一下如何搭配 gulp 作到...

inline element 與 padding 的二三事

前兩天在台大上課時，剛好提到 display 的各種形態，然後很嗨森的告訴同學，如果你設定任一元素(eleme...

SASS, LESS 退散，原生 CSS 可以使用變數啦！

今天要跟大家分享一個新的 CSS 語法：變數。而且這個變數是原生的 CSS 就有的語法，不是其他預處理器例如...

設計網站版面最重要的一環

好的設計帶你上天堂，這句耳熟能詳的話大家應該都會背了。但我們都很清楚，「設計」真的是很主觀的，每個人對美的定義...

漂亮的 WordPress 標籤雲外掛 : Muki Tag Cloud

將將，人生的第一支 WordPress plugin 誕生了，因為我很喜歡這種不規則形狀的標籤雲，所以當我確定...

將檔案快速 push 到 gh-pages branch

github 提供一個簡易的環境可以執行 HTML/CSS/JS 等前端程式，使用方法很簡單，只要把在 rep...

我的 Brackets 編輯器設定 (佈景與外掛)

這還是我頭一次幫編輯器寫一篇文章，即使之前使用 VIM，也只是將自己的設定檔放到 github 上而已 XDD...

讓 WordPress 的 RSS Feed 也能讀到自訂的文章類型 (post type)

如果你有使用 WordPress 的自訂文章類型 (custom post type)，應該會發現預設的 RS...

用 Bootstrap 3 製作高度相同的 div (column)

排版網頁時，常常會碰到的一個需求，就是希望左右欄位的高度可以相同。而讓欄位的高度相同已經不是什麼新奇的事了，所...

jQuery Ajax API 實作以及 Template 介紹

前陣子在上前端基礎課，有教大家怎麼利用 jQuery AJAX 實現簡單的 CRUD 效果，後來覺得這對初學者...

超級初心者適用的 JavaScript 觀念 (暫停更新)

最近除了跳級研究 jQuery 之外，也從基礎開始認識 JavaScript，不得不說，歐萊禮真是個恐怖且強大...

codyhouse 的 tooltip 線上教學筆記與心得

剛剛收到一封 codyhouse 的線上課程通知，這一期他們推廣的是 CSS animation 應用，好奇點...