用 data-* 屬性做出純 CSS 的 tooltip
最近因為案子需求，要做「tooltip」的功能，簡單來說，tooltip 是一種「當滑鼠移過文字時，會跳出一個...

在 wp nav menu 前後增加自定義連結
WordPress 有一個很好用的 WP_nav_menu function，可以在 WordPress 控制...

用 Photoshop 做出相機圖示
今天參考了網路上的教學，用 PhotoShop 做出相機圖示。其實像這類的 icon 應該要用 Illustr...

強烈推薦收藏好物 – CSS Specificity (CSS 權重一覽)
CSS 權重表來自於今年的 CSS DevConf，利用漫畫「圖+文」的表現方式，清楚的讓大家知道 CSS 的...

使用 CSS nth-child 必須要注意的事情
之前有寫過一篇 利用 :nth-child() 讓網頁展示商品時左右對齊 的文章，裏面有稍微提到:nth-ch...

WordPress 內建階層選單製作
WordPress 3.0 改版後，新增的內建選單功能，算是我最愛的功能之一，做佈景的時候也常常會用到。所以決...

淺談 section 運用以及與 outline 間的關聯
HTML5 正夯? 恩，其實夯很久了！而 HTML5 絕對不只有語意那麼簡單罷了，它包含了很多前端的新功能與新...

讓 WordPress 留言能顯示 HTML 標籤
WordPress 預設留言支援 HTML 標籤，也就是會自動讀取 HTML 的樣式，但技術型部落格會需要透過...

WebSocket 簡單介紹與 jQuery 實作應用
聽說這篇好像 4 月就跟大家預告要寫了，結果現在已經 5 月了(默。 前陣子工作因素挑戰了人生第一次的 Web...

讓 float 的 div 高度相同
今天同事問我要怎麼讓 float 的 DIV 可以有相同高度？ 亦即，即使左邊的 DIV 文字行數比較少，也會...

使用 HTML5 和 jQuery 簡易存取資料
HTML5 增加了一個 data-* 的屬性，可以讓大家很方便的存取這些數據，而且完全不會影響你的版面。假使要...

無法讀取及訂閱 WordPress Feed 問題修正
前幾天收到朋友的 feedback ，新站的 MUKI space* 無法訂閱 blog ，我使用 WordP...