MUKI space*
Front-end Development,
Effective Note-Taking.
喜歡研究手帳術與時間管理，
寫過 WordPress 與手帳書籍的
漂亮的 WordPress 標籤雲外掛 : Muki Tag Cloud
Muki Tag Cloud 是一款 WordPress 標籤雲外掛，由 Mesak Chuang 和 Muki Wu 合作開發。這個外掛可以在側邊欄或小工具位置加入不規則排列的標籤雲，色彩豐富且有質感。提供 7 種樣式，包括 3 種繽紛色彩和 4 種常見色調。支援英文和正體中文。
安裝步驟簡單，下載後啟用並將小工具拖曳到所需位置。功能包括標籤排序、調整寬度高度及選擇色彩風格。若有問題或建議，開發者歡迎回報，並承諾持續改進。...
將檔案快速 push 到 gh-pages branch
GitHub 提供簡易環境可執行前端程式，只需在 repo 新增 gh-pages 分支並將檔案 push 即可。使用 Sourcetree 來切換 branch 會改變檔案，不是理想方法。建議使用 npm 套件 gh-pages 管理，安裝指令為 $ npm install gh-pages -g。
gh-pages 套件可簡單地將當前 branch 檔案推送到 gh-pages。執行 $ gh-pages -d . 指令時，需輸入 GitHub 帳號密碼多次。為避免此情況，修改 .git/config，將 repo 位置從 http:// 改為 git@，即可免密碼推送。...
我的 Brackets 編輯器設定 (佈景與外掛)
Brackets 是一款不太流行但功能豐富的編輯器，適合喜歡客製化的用戶。它支持即時預覽 HTML/CSS，且可快速查看及編輯 CSS。內建的選色功能讓設計更便捷，無需安裝額外外掛。
Brackets 提供多種外掛，從實用的 Git 整合到炫技的 CSS 顏色預覽，滿足不同需求。客製化簡便，字體樣式可輕鬆調整。內建 live preview 功能，支持即時語法檢視。還有中文介面選擇，適合不同語言使用者。...
被時光掩埋的秘密 最美的時光 (小說、電視劇整理)
《被時光掩埋的秘密》是桐華的小說，描述了蘇蔓暗戀宋翊，卻與上司陸勵成產生情愫的故事。小說中，蘇蔓未能察覺陸勵成的愛，而陸勵成也將情感深藏。電視劇改編為《最美的時光》，結局有所不同，陸勵成與蘇蔓最終在一起。
小說與電視劇的差異在於結局及角色的塑造。陸勵成的角色讓人心疼，他的愛被時光掩埋。新版小說增加了宋翊的視角，但對陸勵成迷來說，無法撫平遺憾。許多讀者希望陸勵成能有個完美結局，甚至創作了番外篇，讓他與蘇蔓幸福相伴。...
讓 WordPress 的 RSS Feed 也能讀到自訂的文章類型 (post type)
WordPress 預設的 RSS Feed 只能讀取 post type 為 post 的文章。若想讓 RSS Feed 讀取自訂文章類型，可在 functions.php 加入語法，顯示所有自訂文章類型。
若只希望顯示特定文章類型，需修改語法，設定 post type 為 post、course 和 movies。這樣即可在 RSS Feed 中讀取指定的自訂文章類型。...
用 Bootstrap 3 製作高度相同的 div (column)
排版網頁時，常需左右欄位高度相同。使用 Bootstrap Grid 時，可用 flex 讓 column 高度一致，方法簡單但不支援 IE9 以下。只需在 row 加上 display: flex 即可，注意 col-* 總數超過 12 仍會維持一行。
若考慮瀏覽器相容性，可用 display: table，支援度好且不需額外 DIV。設定 row 為 display: table 並加上 width: 100%，col-* 則設為 display: table-cell 且移除 float。這兩種方法簡便又適合 Bootstrap。...
jQuery Ajax API 實作以及 Template 介紹
jQuery AJAX 可簡單實現 CRUD，適合初學者反覆練習。API 是前後端溝通的接口，透過 JavaScript 和 AJAX 操作資料。CRUD 包含 Create、Read、Update、Delete，是前端必學技能。
留言板實作展示 CRUD，使用 jQuery 語法組合 HTML 字串，操作 DOM 顯示留言。更新留言需用表單操作，刪除留言較簡單。運用 $.ajax 呼叫 API，並用 jQuery 提供使用者回饋。未來將介紹 jQuery Template 簡化流程。...
codyhouse 的 tooltip 線上教學筆記與心得
收到 codyhouse 的線上課程通知，這次推廣的是 CSS animation 應用，有一堂免費課程。花了半小時聽完覺得受益良多，講者口音重但有字幕，對其他付費課程也有興趣。
筆記重點包括：使用 aria-hidden 幫助殘障人士訪問網站；水平垂直置中的方法；用 visibility: hidden 隱藏元素避免 hover 效果；利用 calc 將元素置中；以及用偽元素製作三角形。codyhouse 的範例和教學品質優秀，推薦大家去看。...