用 Storybook 做一個 UI 整理集
本篇大綱：本篇要解決的問題。安裝。整理檔案架構。檔案介紹。使用 Pug、Sass。在 Storybook 上使用標題跟資料夾的層級。輸出成靜態檔。範例程式碼。
用原生 JavaScript 寫一組社群分享按鈕（FB、LINE、Twitter）
學習如何在 WordPress 上使用原生 JavaScript 製作 FB、LINE 和 Twitter 的社群分享按鈕。本文提供了詳細的步驟指南和完整程式碼，助你輕鬆實現社群分享功能。
用純 CSS 寫的網頁預覽效果
探索如何使用純 CSS 創建網頁預覽效果。本文提供一個簡單而有趣的方法，通過 width/padding 的 CSS 特性和 background-position 處理捲動效果，僅需幾行 CSS 代碼。適用於歷年回顧或頁面預覽區塊。
一個簡單的卡片樣式 Simple Card UI
從Google Material Design問世以後，愈來愈多網站設計出了卡片的ui。卡片樣式大同小異，大部份包含：頭(大圖)、身體(內文)、尾巴(連結)。今天設計了一個簡單造形的卡片，歡迎大家取用。以下講一下設計上的思考，跟一些最近常用的方法。
Recent Comments