動手更換 Facebook 的新版面

Facebook 終於改版了！但體驗不太好，雖然塗鴉牆的圖片尺寸變大了，訊息的間距也因此變小。假設一個人每天要看的資訊流很大，或像我一樣是 FB...

利用 css 讓 ul div 置中

我們常利用ul做選單、做列表、做頁碼 …等等，但會碰到一種狀況，是想讓ul置中，如果你直接寫tex...

使用 CSS:not 與 data-index 即時搜尋頁面

去年看了一篇文章「Client-side full-text search in CSS」可以在單一頁面即時搜...

用 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...